vue几个生命函数周期,vue生命周期详解简书
本文主要介绍了Vue的生命周期功能，具有一定的参考价值。感兴趣的朋友可以参考一下，希望能帮到你。
目录
生命周期函数的常见生命周期挂钩
Vue销毁示例：
摘要
生命周期函数
生命周期函数也叫：生命周期回调函数、生命周期函数、生命周期钩子。
是什么：Vue帮助我们在关键时刻调用一些特殊名称的函数。
生命周期函数的名称不能更改，但函数的具体内容由程序员根据需求编写。
这在生命周期函数中指向vm或组件实例化对象。
常用的生命周期的钩子
1.挂载：发送ajax请求，启动定时器，绑定自定义事件订阅消息等功能【初始化操作】
2.beforeDestory:清除定时器、解除自定义事件绑定、取消消息订阅等。[从头到尾的工作]
关于Vue销毁实例：
1.被销毁后，借助Vue开发者工具，看不到任何信息。
2.销毁后，自定义事件将无效，但本机DOM事件仍然有效。
3.一般不会在beforeDestory中操作数据，因为即使操作了数据，也不会再次触发更新过程。
div id=root
H2 :style={opacity} 欢迎学习Vue /h2的生命周期
Button @click=stop 点我停止改变/button
/div
脚本
vue . config . production tip=false；
const vm=new Vue({
el: #root ，
数据：{
不透明度：1，
},
方法：{
stop() {
//clearInterval(this.timer)
这个。$ destroy()；
}
},
//Vue调用在解析模板并将真正的初始DOM元素放入页面后挂载(挂载后)
已安装(){
this.timer=setInterval(()={
this . opacity-=0.01；
if (this.opacity=0)
this . opacity=1；
}, 16)
},
销毁前(){
Console.log(vm即将驾鹤西进)；
clearInterval(this.timer)
}
})
/脚本
总结
本文到此为止。希望能帮到你，也希望你能多关注我们的更多内容！
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。