介绍 2。vue的生命周期
3。生命周期钩子函数
这篇文章主要讲解了vue中”的生命周期和钩子函数是什么”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习vue中”的生命周期和钩子函数是什么”吧!
1。什么是生命周期
Vue实例有一个完整的生命周期,也就是从开始创建,初始化数据,编译模板,挂载<代码> Dom> 代码,渲染→更新→渲染,卸载等一系列过程,我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁的过程,就是生命周期。
在Vue的整个生命周期中,它提供了一系列的事件,可以让我们在事件触发时注册<代码> js代码>方法,可以让我们用自己注册的js方法控制整个大局,在这些事件响应方法中的<代码> 代码>直接指向的是<代码> Vue> 代码的实例。
2。vue的生命周期
生命周期函数,又叫钩子函数(生命周期钩子===生命周期函数===生命周期事件)
vue中的生命周期函数,一般都是成对出现,所以我们成对比较一下,他们的区别。
10个生命周期函数牢记!具体使用!
3。生命周期钩子函数
<强>特点:>强自动调用的,只是他们的调用的时间节点有先有后。
引用>
beforeCreate 推荐- - - - - - vue实例“创建前“,<强>注意:强>在这个函数中,vue中数据数据中心的数据,它是读不到的。
,, & lt; script src=啊?js/vue.js"祝辞& lt;/script> ,,,& lt; script> ,,,,,,,let vm =, Vue ({new ,,,,,,,,,,,el: & # 39; #应用# 39; ,,,,,,,,,,,数据:{ ,,,,,,,,,,,,,,,的名字:“哈哈哈,, ,,,,,,,,,,,,,,,num: 1111 ,,,,,,,,,,,}, ,,,,,,,,,,,方法:,{ ,,,,,,,,,,,,,,, ,,,,,,,,,,,}, , ,,,,,,,,,,,//,vue实例创建之前 ,,,,,,,,,,,beforeCreate () { ,,,,,,,,,,,,,,,console.log (& # 39; beforeCreate& # 39;); ,,,,,,,,,,,,,,,console.log (this.name); ,,,,,,,,,,,} ,,,& lt;/script><强>输出数据中心的名字是读不到的:强>
created ——安康;vue实例“创建后“,注意:在这个函数中,可以识别,到,vue中数据数据中心的数据 & lt;才能script src=啊?js/vue.js"祝辞& lt;/script> ,,,& lt; script> ,,,,,,,let vm =, Vue ({new ,,,,,,,,,,,el: & # 39; #应用# 39; ,,,,,,,,,,,数据:{ ,,,,,,,,,,,,,,,的名字:“哈哈哈,, ,,,,,,,,,,,,,,,num: 1111 ,,,,,,,,,,,}, ,,,,,,,,,,,//,vue实例创建之后 ,,,,,,,,,,,创建(){ ,,,,,,,,,,,,,,,console.log (“created"); ,,,,,,,,,,,,,,,console.log (this.name); ,,,,,,,,,,,} ,,,,,,,}) ,,,& lt;/script><强>查看结果:强>
<代码> beforeMount——DOM代码>挂载之前,,,,,这一点。el - - -此美元时的el美元为“虚拟的“DOM节点
<强>在视图层渲染标签:强>
,, & lt; div id=癮pp"比; ,,,,,,,& lt; p>{{名称}}& lt;/p> ,,,,,,,& lt; p> {{num}} & lt;/p> ,,,& lt;/div> & lt; script  src=啊?js/vue.js"祝辞& lt;/script> ,,,& lt; script> ,,,,,,,let vm =, Vue ({new ,,,,,,,,,,,el: & # 39; #应用# 39; ,,,,,,,,,,,数据:{ ,,,,,,,,,,,,,,,的名字:“哈哈哈,, ,,,,,,,,,,,,,,,num: 1111 ,,,,,,,,,,,}, null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null null nullvue中的生命周期和钩子函数是什么