vue的生命周期

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

参考网站：https://www.jianshu.com/p/a0933b719fb5

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

推荐阅读更多精彩内容