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

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

目录

一、组合式 API 的使用

1.1、watch 函数

1.2、watchEffect 函数

1.3、toRef 和 toRefs

1.3.1、toRef

1.3.2、toRefs

1.4、vue3  的声明周期

1.5、setup 语法糖

1.5.1、语法糖介绍

1.5.2、新增API：defineProps

1.5.3、新增API：defineEmits

1.5.4、新增API：defineExpose

1.6 组件通信

props

 自定义事件（$emit）

v-model

$attrs

---

一、组合式 API 的使用

---

1.1、watch 函数

与 vue2.x 中的 watch 配置功能一致，但是多了一些坑：

这是我当前的 vue 版本

1. 监视 reactive 定义的响应式数据时：oldValue 无法正确获取
2. 监视 reactive 定义的响应式数据中某个属性时：deep 配置有效.

Ps：我目前使用的 vue3 的版本没有以上问题！！！

这里我来列出几种情况：

a）监视 ref 所定义的响应式数据