【无标题】Vue 3总结

Vue 3的使用方法和属性：

1. 安装Vue 3：使用npm或yarn等包管理器来安装Vue 3。

2. 创建Vue应用：使用Vue CLI创建一个新的Vue 3项目。

3. 组件：使用Vue 3的defineComponent函数来定义组件，使用setup函数来处理数据和逻辑。

4. 组件通信：使用Vue 3的provide和inject来进行跨层级的组件通信。

5. 模板语法：Vue 3保留了Vue 2的大部分模板语法，可以使用v-bind、v-on等指令。

6. 生命周期钩子：Vue 3使用了新的生命周期钩子函数，比如onMounted、onUpdated等。

7. 响应式数据：Vue 3引入了Reactivity API来处理响应式数据，使用ref和reactive函数。

8. Composable函数：Composables是Vue 3新引入的函数式编程概念，可以重用逻辑和状态。

Vue 3的区别（与Vue 2相比）：

1. 性能提升：Vue 3在响应式系统方面进行了大量优化，提高了性能。

2. Tree-shaking：Vue 3使用ES模块构建，允许更好的Tree-shaking，减小了打包体积。

3. Composition API：Vue 3引入了Composition API，使组件逻辑更灵活和可组合。

4. 更好的TypeScript支持：Vue 3对TypeScript提供了更好的支持。

Axios封装的文档： 对于Axios的封装，以下是一些常见的步骤和注意事项：

指令（Directives）:

插槽（Slots）:

1. 安装Axios：使用npm或yarn等包管理器将Axios安装到你的项目中。

2. 创建封装文件：创建一个新的文件，例如api.js，用于封装Axios请求。

3. 导入Axios：在你的api.js文件中导入Axios模块。

4. 创建实例：通过create方法创建一个Axios实例，并进行一些全局配置。

5. 定义请求：在api.js文件中定义各种请求方法，例如get、post等。

6. 设置拦截器：使用interceptors来设置请求拦截器和响应拦截器。

7. 导出请求方法：将请求方法导出，以便其他模块可以使用。

8. 在组件中使用：在Vue组件中导入请求方法，并在需要的地方调用。

   下面是关于Vue 3中路由、指令和插槽的简要总结：

   路由（Vue Router）:

9. 安装Vue Router：使用npm或yarn等包管理器将Vue Router安装到你的项目中。

10. 创建路由实例：在main.js中导入Vue Router并创建一个路由实例。

11. 配置路由：定义路由的路径和对应的组件，配置路由表。

12. 使用路由：在Vue组件中使用<router-link>标签创建链接，使用<router-view>标签显示对应的组件。

13. 内置指令：Vue 3仍然提供了常见的内置指令，如v-if、v-for、v-bind和v-on等。

14. 自定义指令：你可以使用directive函数来定义自定义指令，指令可以在模板中修饰DOM元素的行为。

15. 钩子函数：自定义指令可以定义一些生命周期钩子函数，如mounted、updated和unmounted等。

16. 默认插槽：通过在组件模板中使用<slot>标签来定义默认插槽，在组件使用处填充内容。

17. 具名插槽：使用<slot>标签的name属性来定义具名插槽，允许在组件使用处根据具名插槽填充内容。

18. 作用域插槽：使用<slot>标签的scope属性以及组件实例的v-slot指令来定义作用域插槽，可以将数据传递给插槽内容。

19. 导航和参数：使用编程式导航进行路由切换，传递参数给路由组件。