Vue3 学习笔记
Vue.js 是一种流行的 JavaScript 前端框架，用于构建用户界面和单页面应用程序（SPA）。它由尤雨溪于2014年创建，并由一群积极的开发者社区维护和支持。
Vue.js 的主要特点
-
轻量级: Vue.js 被设计成非常轻量级，压缩后只有约30KB大小，因此加载速度很快。
-
简单易用: Vue.js 的 API 简单易懂，学习曲线平缓，使得新手也能很快上手。它采用了类似于 HTML 的模板语法，使得开发者可以轻松构建交互式的用户界面。
-
组件化: Vue.js 支持组件化开发，允许开发者将一个页面划分为多个独立的、可复用的组件。这种组件化的开发方式使得代码更易于维护和管理，并且能够提高开发效率。
-
响应式数据绑定: Vue.js 使用了响应式的数据绑定机制，当数据发生变化时，视图会自动更新。这种数据驱动视图的方式使得开发者能够更加专注于业务逻辑，而不用手动操作 DOM。
-
虚拟 DOM: Vue.js 使用了虚拟 DOM 技术，通过比较虚拟 DOM 和真实 DOM 的差异来最小化页面重绘和重新排版，从而提高了页面的性能。
-
生态系统丰富: Vue.js 拥有丰富的生态系统，包括官方提供的路由器（Vue Router）、状态管理工具（Vuex）以及丰富的第三方库和插件，这些工具可以帮助开发者更轻松地构建复杂的单页面应用程序。
总的来说，Vue.js 是一个功能强大、灵活、易于学习和使用的前端框架，适用于构建各种规模的 Web 应用程序。
Vue3 与 Vue2 对比
-
性能提升:
- Vue.js 3 在性能方面进行了许多优化，包括更快的渲染速度、更小的包大小以及更好的代码优化。这得益于 Vue.js 3 引入的虚拟 DOM 重写、编译器优化以及响应式系统改进。
-
Composition API:
- Vue.js 3 引入了 Composition API，这是一种基于函数的 API，允许开发者更灵活地组织组件代码。与 Vue.js 2 的选项 API 相比，Composition API 提供了更好的代码组织方式，尤其适用于大型复杂应用程序。
-
模板编译优化:
- Vue.js 3 中的模板编译器经过了优化，生成的代码更加紧凑和高效。这意味着在运行时的性能更好，并且生成的代码体积更小。
-
TypeScript 支持:
- Vue.js 3 对 TypeScript 的支持更加友好，它采用了 TypeScript 编写，并且提供了更好的类型推断和类型定义。
-
全局 API 的修改:
- Vue.js 3 中一些全局 API 发生了变化，例如全局 API 在 Vue3 中都被移除，可以通过 createApp() 创建 Vue 实例，然后使用实例上的方法进行应用程序配置。
-
更好的 TypeScript 集成:
- Vue.js 3 在设计时考虑了对 TypeScript 更好的支持，因此在类型推断和代码提示方面更加强大。Vue.js 3 的代码库本身也是用 TypeScript 编写的。
-
Composition API 的引入:
- Vue.js 3 引入了 Composition API，这是一种基于函数的 API，允许开发者更灵活地组织组件代码。与 Vue.js 2 的选项 API 相比，Composition API 提供了更好的代码组织方式，尤其适用于大型复杂应用程序。
Vue.js 3 在性能、开发体验、组织代码等方面都有很大的提升，并且提供了更多的功能和特性，使得开发者能够更轻松地构建高性能、可维护的 Web 应用程序。
参考资料
后续将参考以下材料，进行 Vue3 学习笔记整理：
- Vue3 官网：https://cn.vuejs.org/guide/introduction.html
- Vue3 One Piece：https://vue3js.cn/
- 菜鸟教程 Vue3 教程：https://www.runoob.com/vue3
- Vue3+TS 快速上手：https://huaxhe.gitee.io/vue3_study_docs
