계산된 속성 Vue.js에서 데이터에 액세스하는 방법

계산된 속성 Vue.js에서 데이터에 액세스하는 방법

Vue.js를 사용하고 있으며 계산된 속성 내의 데이터에서 변수에 액세스하려고 하면 Vue.js가 반환됩니다.undefined코드는 다음과 같습니다.

    <script>
     export default {
       name: 'app',
       data: () => {
         return {
           lang: 'sp'
         }
       },
       computed: {
         langEn: () => this.lang === 'en',
         langSp: () => this.lang === 'sp'
       }
     }
    </script>

이것은 NPM 프로젝트 중 하나입니다.그리고 그 안에.vue파일입니다. 이렇게 사용하면 다르게 동작하지 않을까요?

도와 주셔서 감사해요.

이것은 매우 일반적인 "gotcha"입니다.

계산을 정의할 때는 굵은 화살표를 사용하지 마십시오.

두꺼운 화살표를 사용하여 계산, 메서드 또는 데이터를 정의할 때 캡처합니다.this어휘적으로, 그리고 그것은 포함 범위를 가리킬 것이다.window또는 정의되지 않음)을 선택합니다.

<script>
 export default {
   name: 'app',
   data() {
     return {
       lang: 'sp'
     }
   },
   computed: {
     langEn(){return this.lang === 'en'},
     langSp(){return this.lang === 'sp'}
   }
 }
</script>

언급URL : https://stackoverflow.com/questions/42868667/how-to-access-data-from-computed-property-vue-js