Vue3 技术文章（持续更新）

Vue3 技术文章（持续更新）

第一章、浅谈vue3

1、vue3 介绍

• 2020 年 9 月 19 日，vue3 发布了正式版本
• vue3 兼容 vue2，但也删除了一些API，后续会谈到
• 如果你是小白，不懂vue，那么建议直接学习vue3 ——尤大

2、vue3 带来的变化（相比于vue2）

• 源码：
  • 首先在源码方面，vue3 使用了 monorepo的方式对源码进行管理
  • 源码使用 TypeScript 重写
• 性能：
  • vue2 使用的是 Object.defineProperty 来劫持数据的 getter 和 setter 方法，这种方法有一种缺陷，就是当给对象添加和删除属性的时候做不到数据劫持，所以vue2 提供了 $set 和 $delete 方法
  • vue3 使用的是 proxy 来实现数据劫持（proxy 不会请自行学习，反正很好用）
• 新 API：
  • vue2 中写的 API 我通常称之为 Options Api，因为封装每个组件都是那一套，更像是在配置组件，缺点很明显，一个功能逻辑不能写在一起，造成代码混乱
  • vue3 中增加了 Composition API，他可以做到相关代码放到一起处理
  • vue2 中做到代码复用通常用到 mixins，缺点是可能造成命名冲突的问题
  • vue3 中引入了 hooks 的概念，增加了代码的复用性
• 用法：
  • 取消了 filter
  • 组件可以有多个跟标签
  • data 必须是函数
  • 一些生命周期钩子 的改变

后续请等更新~~~~哈哈哈

鸣谢：
感谢
coderwhy 大神的 vue3 系统教程，受益匪浅！
腾讯课堂 ：coderwhy