为什么更新不在vue.js上工作？

Question

我的代码是这样的：

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

演示和完整代码如下：https://jsfiddle.net/50wL7mdz/58492/

我检查控制台，console.log（＆＃39; test＆＃39;）的结果不显示

如果我使用已安装，则可以使用

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

我该如何解决这个问题？

Answer 1

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

https://jsfiddle.net/50wL7mdz/58496/

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

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

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

Answer 2

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