本文详细解析了Vue中的updated生命周期钩子的触发条件，并对比了其与watch的区别。通过具体示例说明了只有当data中的变量变化并完成视图更新后，updated方法才会被调用。
作者：坚持努力_573f
来源
只有data里的变量改变并且要在页面重新渲染完成之后,才会进updated生命周期，只改变data里的值但是没有再页面上渲染该值的话并不会触发updated方法。
举例：
{{demoNum}}
data() {
return {
demoNum:100
};
},
created () {
setTimeout(()=>{this.demoNum=500},3000)
},
updated () {
console.log("进入updated方法")
},
此时延时三秒后会打印
Vue中updated和watch的区别
watch:
1.仅仅是数据发生改变的时候会侦听到
2.只是会检测到你写在watch里的那些属性,没写的就不会触发
updated:
1.执行到它的时候时候是数据发生变化且界面更新完毕
3.所有的数据发生变化都会调用
4.每次触发的代码都是同一个
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
