关于vue的生命周期(1): 第一次认识+一点点使用
程序员文章站
2022-05-15 17:49:01
...
created、mounted、updated
created:创建组件,此时无法调用组件元素;
mounted:组件创建完成,可以设置组件出现的动画;
mounted: function () {
var view = document.getElementById('order-view');
var top = 100;
time = setInterval(function () {
if (top <= 10) {
view.style.top = '0';
clearInterval(time);
}
top -= 10;
view.style.top = top+'%';
}, 20);
},
updated:当数据data发生变化时调用,当只有元素的css/style样式改变时不会调用;
上一篇: 开启Vue知识点汇总之路(一)
下一篇: Vue.js上