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方法")
},
1
2
3
4
5
6
7
8
9
10
11