Vue Composition API의 setup() 함수에서 계산된 속성을 사용하여 데이터를 변환합니다.

Question

현재 상용구 VUE 2에서 Composition API로 변환 중이며 Composition API를 지원하기 위해 현재 computed를 다시 작성하는 방법을 이해하려고 노력 중입니다.

setup() {
    const store = useStore<StoreState>();
    // 问题：我如何将infoFields实现到setup中？
    // const contactSingle = computed(() => store.state.contacts.contactSingle);
    return { contactSingle };
  },
computed: {
    ...mapGetters("contacts", ["getContact"]),
    infoFields(): any {
      return [
        {
          value: (this as any).getContact.customer.firstName,
          label: "名字",
        },
        {
          value: (this as any).getContact.customer.lastName,
          label: "姓氏",
        },
        ...
        ...
        ];
    },


 <v-row>
  <v-col class="pt-0" v-for="(item, i) in infoFields" :key="i + '-field'" cols="12" xs="12" sm="6" md="6" lg="4">
    <BaseSheetField :value="item.value" :label="item.label" />
  </v-col>
</v-row>

Answer 1

문제가 정확히 무엇인지는 모르겠지만 계산된 속성에 store.getters를 사용하면 문제가 해결될 것 같습니다.

으아악