@Inject在带有typescript的vue中不起作用

在带有TypeScript的Vue中，@Inject 是一个装饰器，用于在父组件中注入一个依赖对象到子组件中。它可以帮助我们实现组件之间的依赖注入，使得组件之间更加解耦和灵活。

使用@Inject装饰器时，需要注意以下几点：

首先，需要确保父组件中已经使用了@Provide装饰器来提供所需注入的依赖对象。
在子组件中，使用@Inject装饰器来声明需要注入的属性，并指定对应的依赖对象的键名。
确保在子组件中，使用prop来接收注入的属性，并在模板中使用。

以下是一个示例：

// 父组件
import { Vue, Provide } from 'vue-property-decorator';

@Component
export default class ParentComponent extends Vue {
  @Provide() depObj = { name: '依赖对象' };
}

// 子组件
import { Vue, Inject } from 'vue-property-decorator';

@Component
export default class ChildComponent extends Vue {
  @Inject() depObj!: { name: string };

  mounted() {
    console.log(this.depObj.name); // 输出：依赖对象
  }
}

在上述示例中，父组件通过@Provide装饰器提供了一个依赖对象 depObj，子组件通过@Inject装饰器将其注入到 depObj 属性中，并在mounted生命周期钩子函数中访问该属性。

关于更多Vue开发相关的问题，您可以参考腾讯云的云开发服务 —— 云开发 CloudBase，它提供了一站式的云端支持，包括前端开发、后端开发、数据库、存储、云函数等等，更多详情请查看腾讯云开发官网。