首页 > 其他 > 详细

Vue生命周期

时间:2019-12-30 23:53:19      阅读:148      评论:0      收藏:0      [点我收藏+]
生命周期钩子 = 生命周期函数 = 生命周期事件

beforeCreate(){
    //此时只创建了一个空的Vue实例(data和methods中的数据还未初始化)
    //拿不到数据 也操作不了方法
},
created() {
    //此时Vue实例已经完全创建好(data中的数据 以及 methods中的方法已经初始化)
    //注意!视图中的html并没有渲染出来
    //可以做的事
    //1.做一些网络请求  
    //2.调用data中的数据 或者 操作methods中的方法
},
beforeMount(){
    //此时模板在内存中已经编译好了 但尚未挂载到内存中去 页面还是旧的
},
mounted(){
    //模板已经挂载到了页面上  用户已经可以看到渲染好的页面了
},
beforeUpdate() {
    //此时data数据已经更新了  但是界面上数据还是旧的
},
updated(){
    //此时完成了model -> view的更新
}

Vue生命周期

原文:https://blog.51cto.com/13550695/2463183

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!