My code like this :
updated() {
console.log('test')
},
Demo and full code like this : https://jsfiddle.net/50wL7mdz/58492/
I check on console, the result of console.log('test') not display
If I use mounted, it works
Why if I use updated, it does not work?
How can I solve the problem?
You are not actually updating anything, check out this JSFiddle:
https://jsfiddle.net/50wL7mdz/58496/
This data is your initial data so this will never trigger an update hook.
data: {
message: 'Hello Vue.js!'
}
Once I change the initial data in the mounted lifecycle hook you see that the updated hook gets triggered.
updated does not work?
Updated: Called after a data change causes the virtual DOM to be re-rendered and patched. So you actually need to change the value of a data property. So yes, there should be updated data.Another situation that can make updated() fail has to do with v-if. If the initial value of v-if for a component is true, the updated() function works. But updated() can fail if the initial value of v-if is false.
