为什么更新不适用于 vue.js?

Suc*_*Man 3 vue.js vue-component vuejs2

我的代码是这样的:

updated() {
    console.log('test')
}, 
Run Code Online (Sandbox Code Playgroud)

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

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

如果我使用安装,它的工作原理

为什么如果我使用更新,它不起作用?

我该如何解决问题?

Ste*_*n-v 5

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

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

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

data: {
  message: 'Hello Vue.js!'
}
Run Code Online (Sandbox Code Playgroud)

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

  • 从文档中可以看出:“已更新:在数据更改后调用会导致虚拟 DOM 重新渲染和修补。”因此,您实际上需要更改数据属性的值。所以是的,应该有更新的数据。 (2认同)