데이터에 소품을 할당 할 수 없습니다.

Question

이것은 간단한 구성 요소입니다. 나는 props을 data에 할당하려하고 있으므로 docs라고 말했습니다. 문제는 initialData은 OK입니다 만, privateData은 빈 개체 {}입니다

<template> 
    <section> 
     {{ initialData }} 
     {{ privateData }} 
    </section> 
</template> 

<script> 
export default { 
    name: 'someName', 
    props: [ 
     'initialData' 
    ], 
    data() { 
     return { 
      privateData: this.initialData 
     }; 
    } 
}; 

을합니다 (initialData는 vuex 및 데이터베이스에서 온다)하지만.

이상한 점은 다시 파일을 저장하면 webpack에서 다시로드되는 내용이 다르기 때문에 privateData도 필요한 적절한 데이터를 가져옵니다.

<template> 
    <section v-if="initialData"> 
     <child :initial-data="initialData"></micro-movies> 
    </section> 
</template> 

<script> 
export default { 
    name: 'parentName', 
    data() { 
     return {}; 
    }, 
    computed: { 
     initialData() { 
      return this.$store.state.initialData; 
     } 
    }, 
    components: { 
     child 
    } 
}; 
</script> 

나는 그것이 동적으로 데이터를 가져 오는 관하여 알고 : 여기

는 부모입니다. 왜냐하면 내가 수동으로 어떤 객체에 부모의 initialData을 변경하면 잘 동작하기 때문이다.

Answer 1

데이터 함수는 구성 요소 생성시 번만으로 지정됩니다. 이 시점에 initialData이 채워지지 않은 경우 privateData은 항상 null입니다. 그래서 계산 된 속성을 사용하거나 속성을 보려고합니다.