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