Vue3.0教程001：Vue3简介

0、前言

编码规范：

在Vue3中

• 编码语言：JavaScript、TypeScript**（推荐）**
• 代码风格：组合式API**（推荐）**、选项式API
• 简写形式：setup语法糖

主要内容：

1. 核心：ref、reactive、computed、watch、生命周期…
2. 常用：hooks、自定义ref、路由、pinia、mitt…
3. 面试：组件通信、响应式相关API…

1、Vue3简介

• 2020年9月18日，Vue.js发布3.0版本，代号：One Piece（海贼王）
• 官方地址：https://cn.vuejs.org/
• github地址：https://github.com/vuejs/vue

1.1 性能提升

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

1.2 源码升级

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

1.3 拥抱TypeScript

Vue3可以更好的支持TypeScript

1.4 新的特性

1. Composition API（组合API）
   1. setup
   2. ref与reactive
   3. computed与watch
2. 新的内置组件
   1. Fragment
   2. Teleport
   3. Suspense
3. 其他改变
   1. 新的生命周期钩子
   2. data选项应始终被声明为一个函数
   3. 移除keyCode支持作为v-on的修饰符