Vue 类组件：如何自定义选项

问题描述

目前我在 Typescript 中使用 Vue 2，但我无法向组件添加选项

<script lang="ts">
import { Component,Vue } from "vue-property-decorator";
import HelloWorld from "@/components/HelloWorld.vue"; // @ is an alias to /src

@Component<Home>({
  components: {
    HelloWorld,},middleware: "yyy",})
export default class Home extends Vue {
  mounted() {
    console.log(this.middleware);
  }
}
</script>

我没有定义！

我发现了 1 个与此类似的问题，我尝试了但仍然没有结果

Extend Component options

我的 src\shims-vue.d.ts

declare module "*.vue" {
  import Vue from "vue";
  export default Vue;
}
declare module "vue/types/vue" {
  interface Vue {
    middleware?: string;
  }
}

declare module "vue/types/options" {
  interface ComponentOptions<V extends Vue> {
    middleware?: string;
  }
}

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）