Vue3源码中如何深入解析watch函数的执行原理？

本文共计3980个文字，预计阅读时间需要16分钟。

目录+ 引用+ 一、watch参数类型+ 1. 选项options+ 2. 回调cb+ 3. 数据源source+ 二、watch函数+ 三、watch的核心：doWatch函数+ 引用+ 想起上次面试，问了一个老人的问题：watch和computed的区别+ 感觉有点模糊

目录

• 引言
• 一、watch参数类型
• 1. 选项options
• 2. 回调cb
• 3. 数据源source
• 二、watch函数
• 三、watch的核心：doWatch 函数

引言

想起上次面试，问了个古老的问题：watch和computed的区别。多少有点感慨，现在已经很少见这种耳熟能详的问题了，网络上八股文不少。今天，我更想分享一下从源码的层面来区别这八竿子打不着的两者。本篇针对watch做分析，下一篇分析computed。

一、watch参数类型

我们知道，vue3里的watch接收三个参数：侦听的数据源source、回调cb、以及可选的optiions。