欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

关于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样式改变时不会调用;

相关标签: vuejs