Question

假设我们要向以下组件添加组件https://dabernathy89.github.io/vue-query-builder/getting-started.html#usage。他们给出的示例不适用于装饰器定义。组件列表到底在哪里？

<script lang="ts">
import { Component, Vue } from 'vue-property-decorator';
import { Store } from 'vuex';
import { readUserProfile } from '@/store/main/getters';


@Component
export default class Loop extends Vue {
  get greetedUser() {
    const userProfile = readUserProfile(this.$store);
    if (userProfile) {
      if (userProfile.full_name) {
        return userProfile.full_name;
      } else {
        return userProfile.email;
      }
    }
  }
}
</script>

Answer 1

嗯，我想就是这个。打字稿中的装饰器似乎使调用成为可选的？因此，如果不包括方括号，则通常的组件args进入装饰器调用，该装饰器调用是隐式的？我仍然只是猜测。

<script lang="ts">
import { Component, Vue } from 'vue-property-decorator';
import { Store } from 'vuex';
import { readUserProfile } from '@/store/main/getters';
import VueQueryBuilder from 'vue-query-builder';


@Component({
      components: { VueQueryBuilder },
})
export default class Loop extends Vue {
  get greetedUser() {
    const userProfile = readUserProfile(this.$store);
    if (userProfile) {
      if (userProfile.full_name) {
        return userProfile.full_name;
      } else {
        return userProfile.email;
      }
    }
  }
}

如何将组件添加到该Vue组件？

1 个答案: