了解vue.js的生命周期函数

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

具体代码文件

生命周期

四个生命周期函数

  • beforeCreate

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

  • created

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

  • beforeMount

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

  • mounted

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

vue的生命周期函数

两个运行中的事件

可以监听数据的变动

运行中的事件.gif
  • beforeUpdate

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

  • updated

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

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

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容