vue的生命周期
2018-08-08 本文已影响0人
雅雅的前端工作学习
了解vue的生命周期函数和运行中事件，有助于我们更好地使用vue
四个周期函数：
- beforeCreate :
第一个生命周期函数，此时vue实例已经创建，但data和methods还没有初始化 - created:
第二个生命周期函数，能够获取data中的数据和methods中的方法 - beforeMount :
第三个生命周期函数，模板已经在内存中编译完成，但尚未渲染到页面中
-mounted
第四个生命周期函数, 内存中的模板已经渲染到页面，用户可以看到渲染好的页面
两个运行中的事件（可以监听数据变动）
- beforeUpdate
data中的数据已经是最新的，而页面中显示的数据还是旧的，两者尚未同步 - updated
此时，data中的数据与页面中的数据已经同步更新
