vue.js에서 업데이트되지 않는 이유

vue.js에서 업데이트되지 않는 이유

내 코드는 다음과 같습니다.

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

데모 및 완전한 코드는 다음과 같습니다.

콘솔에서 확인해보니 console.log('test') 결과가 표시되지 않습니다.

마운트를 사용하면 동작합니다.

updated를 사용해도 동작하지 않는 이유는 무엇입니까?

어떻게 하면 문제를 해결할 수 있을까요?

실제로 아무것도 업데이트하지 않았습니다. 다음 JSFiddle을 확인하십시오.

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

이 데이터는 초기 데이터이므로 업데이트 후크가 트리거되지 않습니다.

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

마운트된 라이프 사이클 훅에서 초기 데이터를 변경하면updated훅이 트리거 됩니다.

updated()가 실패할 수 있는 다른 상황은 v-if와 관련이 있습니다.컴포넌트의 v-if 초기값이 true이면 updated() 함수가 작동합니다.그러나 v-if의 초기 값이 false이면 updated()가 실패할 수 있습니다.

언급URL : https://stackoverflow.com/questions/46033224/why-updated-not-working-on-vue-js