如何用TypeScript重构Vue应用以构建长尾关键词优化效果？

本文共计1672个文字，预计阅读时间需要7分钟。

一、Vue项目初始化-引入TypeScript，使用TypeScript构建Vue应用和使用js一样，都是通过vue-cli进行初始化并创建Vue项目，只是在构建时需在脚手架问询时选择type。

一、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。