vue的生命周期
vue实例对象由创建到页面渲染到最后销毁的整个过程
这些函数作为Vue构造函数参数的属性存在,可以使用函数简写的语法,在生命周期钩子函数中,this指向指向vue实例
let vm = new Vue({
created(){
this -> vm
}
})
beforeCreate //初始化vue实例对象
created //vue实例对象的创建完成,data中的变量也绑定在vue实例对象上
beforeMount //编译模板,将模板转换为dom对象$el。它检查是否有任何模板可用于要在DOM中呈现的对象。如果没有找到模板,那么它将所定义元素的外部HTML视为模板。
mounted //将vue实例中的data、method绑定到$el ,一旦模板准备就绪。它将数据放入模板并创建可呈现元素。用这个新的数据填充元素替换DOM元素。这一切都发生在mounted钩子上。
beforeUpdate //设置监听,data中值发生变化,模板就会重新渲染
updated //网页数据渲染完成
beforeDestroy //销毁
destroyed