了解vue的生命周期函数和运行中事件，有助于我们更好地使用vue

具体代码文件

生命周期

四个生命周期函数

• beforeCreate

第一个生命周期函数，表示实例已经创建，但 data 和 methods 还没有被初始化

• created

第二个生命周期函数，能够获取data中的数据和methods中的方法

• beforeMount

第三个生命周期函数，模板已经在内存中编译完成，但尚未渲染到页面中'

• mounted

第四个生命周期函数, 内存中的模板已经渲染到页面，用户可以看到渲染好的页面

vue的生命周期函数

两个运行中的事件

可以监听数据的变动

运行中的事件.gif

• beforeUpdate

data中的数据已经是最新的，而页面中显示的数据还是旧的，两者尚未同步

• updated

此时，data中的数据与页面中的数据已经同步更新

如想了解更多的vue实例，请查阅我的vue笔记目录