Vue.js 中created方法的作用【学习】

1、这是它的一个生命周期钩子函数,就是一个Vue实例被生成后调用这个函数,一个Vue实例被生成后还要绑定到某个htm元素上,之后还要进行编译,然后再插入到document中。每一个阶段都会有一个钩子函数,方便开发者在不同的阶段处理不同的逻辑。

实例生命周期: 原文链接

每个Vue实例在被创建之前都要经过一系列的初始化过程,例如,实例需要配置数据观测(data、observer)、编译模板、挂载实例到DOM,然后在数据变化时更新DOM。在这个过程中,实例也会调用一些生命周期钩子,这就给我们提供了执行自定义逻辑的机会。

例如,created这个钩子在实例被创建之后被调用:

var vm = new Vue({
	data: {
		a: 1
	},
	created: function () {
		// `this` 指向 vm 实例
		console.log('a is: ' + this.a)
	}
})
//输出 -> "a is: 1"

也有一些其它的钩子,在实例生命周期的不同阶段调用,如mounted、updated、destoryed。钩子的this指向调用它的Vue实例。一些用户可能会问Vue.js是否有"控制器"的概念?答案是,没有。组件的自定义逻辑分布在这些钩子中。

生命周期图示:Vue.js的官方解释
在这里插入图片描述
你要去做一个大人,不要回头,不要难过。

“要做一个善良的,被别人喜欢的人。”

发布了96 篇原创文章 · 获赞 228 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/weixin_44296929/article/details/103808281