VUE生命周期

1、beforeCreate执行时:data和el均未初始化,值为undefined

2、created执行时:Vue 实例观察的数据对象data已经配置好,已经可以得到app.message的值,但Vue 实例使用的根 DOM 元素el还未初始化

3、beforeMount执行时:data和el均已经初始化,但从{{message}}等现象可以看出此时el并没有渲染进数据el的值为“虚拟”的元素节点

4、mounted执行时:此时el已经渲染完成并挂载到实例

5、beforeUpdate:数据改变之后,模板解析替换之前,这里的模板还没有完成视图更新

6、updated:数据改变之后,模板解析替换已完成,已经是数据更新之后的最新模板视图了

7、 beforeDestroy和destroyed:实例销毁之后做一些收尾工作,例如清除在实例运行期间开启的定时器

8、methods 一般放点击事件


 

你可能感兴趣的:(VUE生命周期)