本文目录一览：
- 1、【笔记】使用Vite搭建Vue3(TypeScript版本)项目
- 2、如何在vue3中通过点击按钮异步加载组件
- 3、远程vue文件加载器 — vue3-sfc-loader
- 4、Vue如何加载本地json文件
【笔记】使用Vite搭建Vue3(TypeScript版本)项目
使用Vite搭建Vue的TypeScript版本的时候，可以使用 Vite自带的模板预设 —— vue-ts 。
执行命令行 ：
执行命令行(安装最新版本)：
router.ts
执行命令行(安装最新版本)：
Vuex 没有为 this.$store 属性提供开箱即用的类型声明。如果你要使用 TypeScript，首先需要声明自定义的 模块补充(module augmentation) 。
为此，需要在项目文件夹中添加一个声明文件来声明 Vue 的自定义类型 ComponentCustomProperties 。
vuex.d.ts
当使用组合式 API 编写 Vue 组件时，您可能希望 useStore 返回类型化的 store。为了 useStore 能正确返回类型化的 store，必须执行以下步骤：
store.ts
main.ts
在 main.ts 已经声明配置过Vuex和Vue-Router之后，在 script setup lang="ts" 或者 script lang="ts" 中按需导入 store 和 router 即可使用其属性和 *** 。
router.ts
如何在vue3中通过点击按钮异步加载组件
方式一：
方式二：
点击加载按钮前如下图：
点击加载按钮后如下图：
远程vue文件加载器 — vue3-sfc-loader
为了实现浏览器端运行时解析.vue文件并动态插入组件，终于找到了一个神器 vue3-sfc-loader ——可以实现完整的.vue文件解析构建，而不只是 template 。
而不是
虽然API一模样，而且解析template时也没区别。但当你涉及到 script 解析时就会出现不可预知的错误。
Vue如何加载本地json文件
vue-resource请求后返回的数据经过封装，你自己的json数据在response.body里， 可以通过response.json()拿到你的数据