码迷,mamicode.com
首页 > 其他好文 > 详细

vue生命周期 部分

时间:2019-05-23 09:17:34      阅读:363      评论:0      收藏:0      [点我收藏+]

标签:create   data   get   执行   结构   load   添加   场景   ref   

beforCreate:
当组件实例化时 着了一个初始化操作
初始化loading
created:
1、当created执行完毕以后,会将data以及methods身上所有的属性和方法通过遍历添加到vm的实例身上
2、created生命周期函数中会将data身上所有的属性都添加上一个getter/setter方法。让data的属性具有相应式的特性
3、场景 当前生命周期函数中可以用来进行ajax数据的请求


beforMount:挂在前
数据模板未结合,对数据进行最后一次处理

访问不到真是的DOM结构
mounted:挂载后
数据模板结合
操作DOM结构 this.$refs.h2
做方法的实例化
beforUpdate:更新前
更新的数据和模板未结合,对数据进行最后一次修改
获取到真实的DOM结构
updated:
更新后
更新的数据和模板相结合 可以获取到更新后的DOM结构,以及对数据进行监听
beforDestroy:
销毁前
依旧可以访问到dom结构
场景
做一些事件监听的解绑
destroy:
销毁后
访问不到真是的DOM结构
断开dom和vue

技术图片

vue生命周期 部分

标签:create   data   get   执行   结构   load   添加   场景   ref   

原文地址:https://www.cnblogs.com/rxbc/p/10909748.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!