使用typescript构建Vue应用的实现-创新互联

一、Vue项目初始化-引入typescript

使用typescript构建Vue应用和使用js一样，都是通过vue-cli去初始化并创建一个vue项目，只不过使用typescript构建的时候要在脚手架问卷操作的时候勾选上typescript选项。

二、typescript Vue项目比较

使用typescript构建的Vue项目发生了一些变化:
① main.js变成了main.ts，但是main.ts中的内容和main.js的内容是一模一样的。
② router.js变成了router.ts，但是router.ts中的内容和router.js中的内容也是一模一样的。
③ store.js变成了store.ts，但是store.ts中的内容和store.ts中的内容也是一模一样的。

因为typescript是javascript的超集，所以ts完全兼容js。

④ 新增了一个shims-vue.d.ts声明文件，这个文件的作用就是让typescript能够识别.vue文件，在引入"*.vue"文件的时候，会将其标识为一个Vue组件，才能对.vue文件进行类型校验，其具体内容如下:

declare module '*.vue' {
 import Vue from 'vue'
 export default Vue
}

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。