14-Vue技术栈之Vue3快速上手

1、海贼王，我当定了！——路飞
2、人，最重要的是“心”啊！——山治
3、如果放弃，我将终身遗憾。——路飞

4、人的梦想是永远不会结束的！——黑胡子

5、如果是敌人的话，我就斩了他！——索隆

6、任何的存在并不是一种罪恶。——弗朗基

7、我是不会死的，伙伴！——哥尔·d·罗杰

8、不打败你，我就什么也守护不了！——路飞

9、你以为付钱的就是大爷吗？——尾田荣一郎

1.Vue3简介

• 2020年9月18日，Vue.js发布3.0版本，代号：One Piece（海贼王）
• 耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者
• github上的tags地址：https://github.com/vuejs/vue-next/releases/tag/v3.0.0

2. Vue3带来了什么

2.1 性能的提升

• 打包大小减少41%

• 初次渲染快55%, 更新渲染快133%

• 内存减少54%

  …

2.2 源码的升级

• 使用Proxy代替defineProperty实现响应式

• 重写虚拟DOM的实现和Tree-Shaking

  …

2.3 拥抱TypeScript

• Vue3可以更好的支持TypeScript

2.4 新的特性

1. Composition API（组合API）

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

2. 新的内置组件

   • Fragment
   • Teleport
   • Suspense

3. 其他改变

   • 新的生命周期钩子
   • data 选项应始终被声明为一个函数
   • 移除keyCode支持作为 v-on 的修饰符
   • …