每个Vue实例在被创建时都需要经过一系列的初始化过程,如设置数据监听、编译模板、将实例挂载到DOM,并在数据变化时更新DOM等。同时在这个过程中也会运行一些叫做生命周期钩子的函数,给了用户在不同阶段添加自己代码的机会。
created钩子
created钩子可以用来在一个实例被创建之后执行代码
new Vue({
data: {
a: 1
},
created: function () {
// `this` 指向 vm 实例
console.log('a is: ' + this.a)
}
})
// => "a is: 1"
其他的生命周期钩子,如mounted、updated、destroyed,而this上下文指向调用它的vue实例。
生命周期