vue updated钩子

vue updated钩子作者 坚持努力 573f 来源只有 data 里的变量改变并且要在页面重新渲染完成之后 才会进 updated 生命周期 只改变 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.每次触发的代码都是同一个

编程小号
上一篇 2025-03-24 09:21
下一篇 2025-03-08 07:40

相关推荐

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/bian-cheng-ji-chu/77322.html