vue 生命周期
来源:互联网 发布:超社会 知乎 编辑:程序博客网 时间:2024/04/29 18:14
vue 的整个生命周期如下:
//以下代码时显示vm整个生命周期的流程
var vm = new Vue({
el: “#container”,
data: {
test : ‘hello world’
},
beforeCreate: function(){
console.log(this);
showData(‘创建vue实例前’,this);
},
created: function(){
showData(‘创建vue实例后’,this);
},
beforeMount:function(){
showData(‘挂载到dom前’,this);
},
mounted: function(){
showData(‘挂载到dom后’,this);
},
beforeUpdate:function(){
showData(‘数据变化更新前’,this);
},
updated:function(){
showData(‘数据变化更新后’,this);
},
beforeDestroy:function(){
vm.test =”3333”;
showData(‘vue实例销毁前’,this);
},
destroyed:function(){
showData(‘vue实例销毁后’,this);
}
});
function realDom(){
console.log(‘真实dom结构:’ + document.getElementById(‘container’).innerHTML);
}
function showData(process,obj){
console.log(process);
console.log(‘data 数据:’ + obj.test)
console.log(‘挂载的对象:’)
console.log(obj.$el)
realDom();
console.log(‘——————’)
console.log(‘——————’)
}
- Vue生命周期
- vue生命周期
- Vue生命周期
- Vue生命周期
- vue生命周期
- Vue生命周期
- Vue生命周期
- vue 生命周期
- 【vue】生命周期
- vue生命周期
- vue 生命周期
- vue生命周期
- Vue生命周期
- vue生命周期
- vue生命周期
- vue生命周期
- vue生命周期
- vue生命周期
- 浅谈算法和数据结构: 六 符号表及其基本实现
- 在使用unittest.TestLoader().loadTestsFromNames()加载用例时遇到no attribute named case的问题
- C/C++使用libcurl库发送http请求(get和post可以用于请求html信息,也可以请求xml和json等串)
- 零基础学习Mahout之一:搭建单机环境
- 解决 java “错误:编码GBK 的不可映射字符”
- vue 生命周期
- #ifndef,#define,#endif使用
- c语言中有关FatFs的操作代码
- 控制一个点光源
- CS229课程笔记9:分类问题的Bias-Variance分解,经验风险最小化
- iOS中UIView旋转
- WifiManager(Wifi服务框架介绍)
- 在node中自己封装node_modules里的包
- python某步超时就跳过