为什么更新不适用于 vue.js？答案

【问题标题】：Why updated not working on vue.js?为什么更新不适用于 vue.js？
【发布时间】：2018-02-12 11:10:50
【问题描述】：

我的代码是这样的：

updated() {
    console.log('test')
},

我在控制台上查看，console.log('test') 的结果没有显示

如果我使用挂载，它可以工作

为什么如果我使用更新，它不起作用？

我该如何解决这个问题？

【问题讨论】：

【解决方案1】：

您实际上并没有更新任何内容，请查看此 JSFiddle：

此数据是您的初始数据，因此永远不会触发更新挂钩。

data: {
  message: 'Hello Vue.js!'
}

一旦我更改了挂载生命周期挂钩中的初始数据，您就会看到updated 挂钩被触发。

【讨论】：

所以你的意思是应该有更新的数据？如果没有更新数据，那么updated 不起作用？
来自文档：Updated: Called after a data change causes the virtual DOM to be re-rendered and patched. 所以您实际上需要更改数据属性的值。所以是的，应该有更新的数据。
好的。非常感谢

【解决方案2】：

另一种可能导致 updated() 失败的情况与 v-if 有关。如果组件的 v-if 初始值为 true，则 updated() 函数起作用。但是如果 v-if 的初始值为 false，updated() 可能会失败。

【讨论】：