vue生命周期

2018-06-25  本文已影响0人  蠢淡淡不蠢

生命周期

Vue实例运行的整个流程

http://cn.vuejs.org/v2/guide/instance.html#search-query-sidebar

image

beforeCreate

创建之前

created

创建之后

created () { // 发起网络请求
    console.log('created');
}

beforeMount

渲染完成之前

mounted

渲染完成之后

mounted () { // 页面渲染完成
    console.log('mounted');
}

beforeUpdate

更新之前

updated

更新之后

beforeDestroy

释放之前

destroyed

释放之后

代码示例:

beforeCreate () {
    console.log('beforeCreate');
},
created () {
    console.log('created');
},
beforeMount () {
    console.log('beforeMount');
},
mounted () {
    console.log('mounted');
},
beforeUpdate () {
    console.log('beforeUpdate');
},
updated () {
    console.log('updated');
},
beforeDestroy () { // 调用$destroy()方法便会执行
    console.log('beforeDestroy');
},
destroyed () {
    console.log('destroyed');
}
上一篇 下一篇

猜你喜欢

热点阅读