vue中updated有什么用，触发条件是什么？

vue中updated有什么用，触发条件是什么？下面web建站小编给的简单介绍一下！

updated是什么？

由于数据更改导致的虚拟DOM重新渲染和打补丁，在这之后会调用该钩子。当这个钩子被调用时，组件DOM已经更新，所以你现在可以执行依赖于DOM的操作。

只有data里的变量改变并且要在页面重新渲染完成之后,才会进updated生命周期，只改变data里的值但是没有再页面上渲染该值的话并不会触发updated方法。

触发条件是什么？

当data中定义的数据有变化时就会加载updated方法。

举例说明：

data() {
  return {
    nums:10
  };
},
created () {
  setTimeout(()=>{this. nums=500},5000)
},
updated () {
  console.log("进入updated方法")
},

上面是“vue中updated有什么用，触发条件是什么？”的全面内容，想了解更多关于 vuejs 内容，请继续关注web建站教程。

当前网址：https://m.ipkd.cn/webs_4106.html

声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！