学习Vue3.0,你需要知道的要点（vue3.0 使用vuex）

Vue 3.0 相较于 Vue 2.0 带来了许多新特性和改进。以下是对 Vue 3.0 知识点的详细梳理：

1. 性能提升：Vue 3.0 在性能上进行了大量优化，包括更快的首次渲染速度、更快的 diff 算法、更少的内存占用以及更小的打包体积。
2. 源码升级：Vue 3.0 在源码层面进行了大量的重构和优化，例如使用 Proxy 代替 defineProperty 实现响应式，重写虚拟 DOM 的实现和 Tree-Shaking 等。
3. 拥抱 TypeScript：Vue 3.0 提供了对 TypeScript 的更好支持，使得开发者可以更方便地使用 TypeScript 进行 Vue 应用的开发。
4. 新的特性：
5. Composition API（组合 API）：Vue 3.0 引入了 Composition API，这是一种新的、更灵活的方式来组织和共享代码。它允许开发者将逻辑代码拆分成可重用的函数，使得代码更加清晰和可维护。
6. 新的内置组件：Vue 3.0 提供了一些新的内置组件，如 <Suspense> 和 <Teleport>，这些组件为开发者提供了更多的选择和灵活性。
7. 其他改变：Vue 3.0 还对指令系统、组件 API、自定义渲染函数等方面进行了改进和优化。
8. 创建 Vue 3 工程：Vue 3.0 支持使用 vue-cli 或 vite 等工具进行项目的创建和开发。这些工具提供了丰富的功能和快速的开发体验。
9. 目录结构：Vue 3.0 的工程结构通常包括 App 挂载文件（index.html）、App 主文件（main.js）、根组件（App.vue）、路由配置文件（router/index.js）以及各个视图组件（views/*.vue）等。
10. Vue 语言——ECMAScript：Vue 3.0 支持 ECMAScript 的最新语法特性，如 let、const、变量的解构赋值、箭头函数、数组方法、字符串的扩展、Module 语法、JSON 与 MAP、Promise 对象等。
11. 常用指令：Vue 3.0 继续支持 Vue 2.0 中的常用指令，如文本插值、v-bind、v-for、事件处理、表单输入绑定等。
12. 计算属性和监听：Vue 3.0 中的计算属性和监听机制也得到了改进和优化，使得开发者可以更方便地处理复杂的数据逻辑和交互逻辑。
13. 路由配置：Vue 3.0 支持使用 vue-router 进行路由配置和管理，提供了丰富的路由功能和灵活的路由配置方式。
14. 组件与过渡：Vue 3.0 继续支持组件化开发和过渡效果，使得开发者可以构建复杂且富有动感的用户界面。
15. 生命周期：Vue 3.0 对组件的生命周期钩子进行了调整和优化，提供了更清晰的生命周期管理方式。
16. 第三方插件：Vue 3.0 的生态系统中已经有许多成熟的第三方插件可供选择，如 Axios、Elements Plus 等，这些插件为开发者提供了丰富的功能和便捷的开发体验。

总结：Vue 3.0 在性能、源码、特性、工程创建、目录结构、语言支持、指令系统、计算属性和监听、路由配置、组件与过渡、生命周期以及第三方插件等方面都进行了大量的改进和优化，为开发者提供了更加高效、灵活和便捷的开发体验。