"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-component 与 vue-property-decorator
在 Vue 的 V2.X 版本中使用 TypeScript 时,推荐使用基于类的注解装饰器进行开发。
1. 安装相关
vue-property-decorator 基于 vue-class-component 开发而成,所以安装时仅需安装 vue-property-decorator ...