使用vue-property-decorator解构的Component和Vue使用报错

  • Z时代
  • 2024-02-20
  • 分类：IT

<template>
    <div class="home">
        <img alt="使用vue-property-decorator解构的Component和Vue使用报错" src="../assets/logo.jpg">
        <HelloWorld msg="Welcome to Your Vue.js + TypeScript App" />
        <el-avatar shape="circle" :size="100" :src="logo"></el-avatar>
    </div>
</template>
<script lang="ts">
// import { Options, Vue } from "vue-class-component";
import { Component, Vue } from "vue-property-decorator";
import HelloWorld from "@/components/HelloWorld.vue"; // @ is an alias to /src
@Component({
    components: {
        HelloWorld,
    },
})
export default class Home extends Vue {
    logo = require("../assets/logo.jpg");
    mounted(): void {
        console.log("mounted");
    }
}
</script>

使用vue-property-decorator解构的Component和Vue使用报错使用vue-property-decorator解构的Component和Vue使用报错
请问各位大佬，这个是什么问题？

回答：

由于 vue-class-component 升级了,原先引入的 Compenots 变成了现在的Options但是vue-property-decorator的源码并未同步更新，所以在用时就会报错;

解决

提示报错后，在node_modules/vue-property-decorator/bin/index.js找到, 把前面几行代码改成这样就行

// import Vue from 'vue';
import { Options, mixins, Vue } from 'vue-class-component';
export { Options, Vue, mixins as Mixins };

可以尝试下，这个是网上找的

引用地址是 https://blog.csdn.net/HockJer...

我是没有成功，看你了

以上是 使用vue-property-decorator解构的Component和Vue使用报错 的全部内容， 来源链接： utcz.com/p/935789.html

回到顶部