2017-09-04 88 views
0

我這樣的代碼:爲什麼更新無法使用vue.js?

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

演示和完整的代碼是這樣的:https://jsfiddle.net/50wL7mdz/58492/

我檢查控制檯,執行console.log( '測試')的結果不顯示

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

爲什麼如果我使用更新,它不起作用?

我該如何解決問題?

+0

我可能是錯的,但我敢肯定這是因爲它在根實例上,而不是組件。你在實例上更新什麼? –

回答

2

你實際上並沒有更新什麼,看看這個的jsfiddle:

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

這個數據是你的初始數據,因此這將永遠不會觸發更新掛鉤。

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

有一次,我改變安裝的生命週期掛鉤的初始數據,你看到updated鉤被觸發。

+0

那麼你的意思是應該有更新的數據?如果沒有更新的數據,那麼'updated'不起作用? –

+1

從文檔:'更新:在數據更改後調用導致虛擬DOM被重新渲染和修補。「因此,您實際上需要更改數據屬性的值。所以是的,應該有更新的數據。 –

+0

好的。非常感謝 –

相關問題