vue3.x教程目录（TypeScript）-马育民老师

# 介绍

1. [vue介绍](https://www.malaoshi.top/show_1IXAFZmUi4Y.html "vue介绍")

2. [vscode vue插件](https://www.malaoshi.top/show_1IXOWj8UQpo.html "vscode vue插件")

# 创建Vue3工程

1. [Vite介绍](https://www.malaoshi.top/show_1GW1FEnpcdP9.html "Vite介绍")

2. [Vite 创建第一个vue3工程](https://www.malaoshi.top/show_1GW1FFfOHwus.html "Vite 创建第一个vue3工程")

3. [Vue3 工程文件、目录说明](https://www.malaoshi.top/show_1GW1GiXNsYUW.html "Vue3 工程文件、目录说明")

### 组合式api

1. [Vue3 创建第一个页面-setup()](https://www.malaoshi.top/show_1GW1GieJ8Mqg.html "Vue3 创建第一个页面-setup()")

2. [Vue3 创建第一个页面-setup语法糖、简化模块名](https://www.malaoshi.top/show_1GW1GkNgwczS.html "Vue3 创建第一个页面-setup语法糖、简化模块名")

# 响应数据

1. [vue3.x 响应式数据-ref()、reactive()](https://www.malaoshi.top/show_1GW1GuBkTQTf.html "vue3.x 响应式数据-ref()、reactive()")

### ref()方式

1. [vue3.x 响应式数据-ref()方式-基本数据类型](https://www.malaoshi.top/show_1GW1GuDiWcWo.html "vue3.x 响应式数据-ref()方式-基本数据类型")

2. [vue3.x 响应式数据-ref()方式-对象类型](https://www.malaoshi.top/show_1GW1GugK1EMC.html "vue3.x 响应式数据-ref()方式-对象类型")

3. [vue3.x 响应式数据-ref()方式-数组类型](https://www.malaoshi.top/show_1GW1GvBWyFoi.html "vue3.x 响应式数据-ref()方式-数组类型")

### reactive()方式

1. [vue3.x 响应式数据-reactive()方式-只适用对象类型](https://www.malaoshi.top/show_1GW1GvSWRsSY.html "vue3.x 响应式数据-reactive()方式-只适用对象类型")

2. [vue3.x 响应式数据-reactive()方式-数组](https://www.malaoshi.top/show_1GW1Gw0RcFEM.html "vue3.x 响应式数据-reactive()方式-数组")

# 配置文件

- [vite.config.ts](vue3教程：vite.config.ts文件说明 "vite.config.ts")

- [vue3.x 设置代理](https://www.malaoshi.top/show_1GW3DQ539Avz.html "vue3.x 设置代理")

# 其他

1. [Vue3 setup() 可以与Vue2的data()、methods()共存](https://www.malaoshi.top/show_1GW1GishpzEV.html "Vue3 setup() 可以与Vue2的data()、methods()共存")

# 部署

- [vue3编译打包，发布到fastapi静态目录下，显示空白页](https://www.malaoshi.top/show_1GW3MxzA5pmi.html "vue3编译打包，发布到fastapi静态目录下，显示空白页")