vuets（vueTS中接口泛型）

本篇文章给大家谈谈vuets，以及vueTS中接口泛型对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、为什么vue3变成ts了
• 2、Vue 项目如何在内部新建TS项目
• 3、Vue2.x中使用ts
• 4、vue3怎么修改ts类型

为什么vue3变成ts了

vue3变成ts是由于他清搏的支持度好。

vue3变成ts是因为Vue3是答岩祥用TS写的，所以TS的支持度是很好的。因此vue3会变成ts。

Vue3是用TypeScript编写的库，可以享受到自动的类枣渣型定义提示。

[img]

Vue 项目如何在内部新建TS项目

1.在项目整体新建一个项目搜老文件夹（doc），并在文件夹里新建App.vue，main.ts 两个文件  最外层新建tsconfig.json文件。public新建doc.html文件。简升

2.APP.vue

3.main.ts文件

4.shims-vue.d.ts 文件 （若不引入 则main.ts中引入App.vue报错）

5.tsconfig.json文件

6.vue.congif.js文件配置更改

7.package.json文拦漏老件 添加typescript插件  注意版本

Vue2.x中使用ts

范例，HelloWorld.vue

使用ts开发时如果要使用第三方js库的同时还想利用ts诸如类型检查等特性就需要声明文件，类

似 xx.d.ts

同时，vue项目中还可以在shims-vue.d.ts中对已存在磨物谨模块进行补充

npm i @types/xxx

装饰器用于扩展类或者它的属性和方法。@xxx就是装饰器的写法

常见的有@Prop,@Emit,@Watch

具体使用见文章开头的例子

vuex-module-decorators 通过装饰器提供模块化声明vuex模块的方法，可以有效瞎基利用ts的类型系

统。

安装

根模块清空，修改store/index.ts

定义counter模块，创建store/counter

装饰器是工厂函数，它能访问和修改装饰目标。

类装饰器，07-decorator.ts

方法装饰器

属性装饰器

稍微改造一下使其蚂州可以接收参数

vue3怎么修改ts类型

vue3修改ts类型设置自动编译ts-js文件，在集成终端中打开具体操作如下：

1、根据查询相关信息显示：生成配置文件tsconfig.jsontscinit。

2、进入上述配置文件修改tsconfig.json配置outDir：./js，把ts文件编衡型译最终存咐芦猜放的位置strict：false，不使用严格模式。

3、启动监视任务，终端-运行任务-显示所有任哗做务-（tsc监视）。

关于vuets和vueTS中接口泛型的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。