"dependencies": {
    "vue-property-decorator": "^10.0.0-rc.3",
    "vue-class-component": "^8.0.0-0",

修改package.json中的vue-property-decorator和vue-class-component的版本
执行npm install --legacy-peer-deps
也可以直接用@vue/cli@next来(rc版本)创建项目之后
npm i vue-property-decorator@rc 来安装新版vpd
然后就不会提示有问题了
在这里插入图片描述

网上教程都是Component,但是vue-class-component都换成@Options然后vue-cli正式版和那个。。反正。。。好乱啊…

Vue属性装饰器该库完全依赖于vue-class-component,因此在使用该库之前,请阅读其自述文件。 许可MIT许可Ins Vue属性装饰器该库完全取决于vue-class-component,因此在使用该库之前,请阅读其自述文件。 许可证MIT许可证安装npm i -S vue-property-decorator用法有多个修饰符和1个功能(Mixin):@Prop @PropSync @Model @Watch @Provide @Inject @ProvideReactive @InjectReactive @Emit @Ref @Component(由提供vue-class-component)Mixins(由vue-class-component提供的名为mixins的辅助函数)另请参见vuex-class @P 文章目录简述安装方法使用方法@Prop(options: (PropOptions | Constructor[] | Constructor) = {}) decorator@PropSync(propName: string, options: (PropOptions | Constructor[] | Constructor) = {}) decorator@Model(event?: string, options: (PropOptions | Constructor[] | Construct 大家好,我是漫步,Vue3.0出来了一段时间,刚出来时,我翻译过几篇文章,可以看看:第一篇:Vue 3.0 中令人激动的新功能:Composition API第二篇:Vue 3.0 中令人... vue-property-decorator使用方法网上例子很多,可以参考: 使用demo 这里就不说了,主要说一下遇到的问题: 1.使用报错 import {Component, Vue,} from 'vue-property-decorator'; 网上大都用的这种,我在vscode中vetur会报:Type ‘typeof import(“D:/work/working/vue-test/node_modules/vue/dist/vue”)’ is not a constructor func vue-property-decorator基础教程为什么要使用vue-property-decorator如何使用vue-property-decorator基本写法data中定义数据生命周期钩子函数方法@Component@Prop@Emit计算属性@Watch 为什么要使用vue-property-decorator vue-property-decorator是在vue-class-component的基础上做了进一步的封装,在TypeScript官方文档 中,官方推荐了vue-class-com 1、Vue class 组件介绍 在 Vue 的 V2.X 版本中使用 TypeScript 时,推荐使用基于类的注解装饰器进行开发。Vue 官方推荐Vue Class Component,但是它的装饰器可能存在一点小问题,业界普遍推荐使用 vue-property-decorator,它是基于 vue-class-component 开发而成,但是性能上有一些改进,下面主要介绍基于 vu... vue-property-decorator是由社区根据vue官方的vue-class-component开发的, 现在vue-class-component更新了,原先引入的 Compenots 变成了现在的Options 但是vue-property-decorator的源码并未同步更新,所以在用时就会报错 提示报错后,在node_modules/vue-property-decorator/bin/index.js找到 把前面几行代码改成这样就行 参考:https://github.com/kaorun343/vue-property-decorator 怎么使vue支持ts写法呢,我们需要用到vue-property-decorator,这个组件完全依赖于vue-class-component. 首先安装: npm i -D vue-property-decorator 我们来看下页面上代码展示: <template> foo:{{foo}} defaultArg:{{defa... 2.到网站下载了12.0.0的版本,过高版本win7不支持(下面是下载地址) 以往的版本 | Node.jshttps://nodejs.org/zh-cn/download/releases/ 2.下载适合自己电脑的安装包 3.下载之后自行安装 在 Vue使用 vue-class-componentvue-property-decoratorVue 的 V2.X 版本中使用 TypeScript 时,推荐使用基于类的注解装饰器进行开发。 1. 安装相关 vue-property-decorator 基于 vue-class-component 开发而成,所以安装时仅需安装 vue-property-decorator ...