vue生命周期

created

实例已经创建,但数据还未渲染到页面模板

1
2
3
4
5
6
7
8
9
var app = new vue({
el: '#app',
data: {
msg: '测试'
},
created: function(){
console.log('实例已经创建,但数据还未渲染到页面模板')
}
})

mounted

数据已经挂载到页面模板

updated

实例更新之后

1
2
3
setTimeout(function(){
app.msg = 4000
},3000)

destroyed

实例销毁了

1
app.$destroy