Vue3 - 从 vue2 到 vue3 过渡，这一套就够了（案例 + 效果演示）（一）

  免费查看本文章可前往我的网站：PiQiu

目录

一、Vue3 从入门到进阶

1.1、Vue3 相比于 Vue2 好在哪里？

1.2、创建 vue-cli3 脚手架

1.3、Vue3 的使用

1.3.1、拉开序幕的 setup

1.3.2、ref 函数

什么是响应式数据

ref 响应式处理

1.3.3、reactive

1.3.4、reactive 对比 ref

1.3.5、setup 的参数（props、context）

1.3.6、computed 计算属性

---

一、Vue3 从入门到进阶

---

1.1、Vue3 相比于 Vue2 好在哪里？

Ps：以下数据来源于官网

a）性能提升：

• 打包大小减少 41%.
• 初次渲染快 55%，更新渲染快 133%.
• 内存减少 54%.
• ......

b ）源码升级：

• 使用 Proxy 代替 defineProperty 实现响应式.
• 重写虚拟 DOM 的实现和 Tree-Shaking
• ......

c）拥抱 TypeScript：

• Vue3 可以更好的支持 TypeScript

d）新特性：

• setup 配置
• ref 与 reactive
• watch 与 watchEffect
• provide 与 inject