温馨提示×

Vue生命周期

发布时间:2020-03-04 20:37:28 来源:51CTO 阅读:183 作者:喝醉的熊 栏目:web开发

生命周期钩子 = 生命周期函数 = 生命周期事件

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

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

免费拨打  400 100 2938 免费拨打 400 100 2938
24小时售后技术支持 24小时售后技术支持
返回顶部 返回顶部