Vue2.0 生命周期

Vue2.0 生命周期_第1张图片
vue 生命周期.png

beforeCreate:此时,组建实例刚刚被创建eldata等属性尚未挂载在实例上,可以在这加loading事件

created: 此时,组件实例已经创建完成,data等属性已经绑定,但是DOM尚未生成,$elel属性尚未挂载

beforeMount:此时html已经编译完成,存在于虚拟DOM $el中,但是页面并没有内容

mounted:编译好的虚拟DOM $el替换el属性,渲染到页面上。可以做一些ajax请求获取数据或者一些数据的初始化操作

beforeUpdata:当数据data发生变化更新之前触发钩子

updatated:当数据data发生变化之后触发钩子

beforeDestory: 实例销毁之前触发钩子

destroyed:实例销毁之后触发钩子

你可能感兴趣的:(Vue2.0 生命周期)