Vue笔记（八）Vue3 新特性

目录

一、创建Vue3.0工程

使用vue-cli创建

使用vite创建

二、常用Composition API

初识setup

ref函数

reactive函数

Vue3.0的响应式

reactive对比ref

setup的两个注意点

计算属性与监视

watchEffect函数

Vue3生命周期

自定义hook函数

toRef

三、其它Composition API

shallowReactive与shallowRef

readonly与shallowReadonly

toRaw与markRaw

customRef

provide与inject

响应式数据的判断

四、Composition API的优势

Vue2 Options（配置） API存在的问题

Composition API的优势

五、新的组件

Fragment

Teleport

Suspense

六、其它

全局API的转移

其他改变

---

一、创建Vue3.0工程

使用vue-cli创建

##查看版本，确保@vue/cli版本在4.5.0以上

vue --version

##安装或升级你的@vue/cli

npm install -g @vue-cli

##创建

vue create vue_test

##启动

cd vue_test

npm run serve

使用vite创建

vite — 新一代前端构建工具，优势：

1.开发环境中，无需打包操作，可快速的冷启动。

2.轻量快速的热重载（HMR）。

3.真正的按需编译，不再等待整个应用编译完成

##创建工程（vue_test_vite是工程名）

npm init vite-app vue_test_vite

##进入工程目录

cd vue_test_vite

##安装依赖

npm install

##运行