Vue3监视属性

watch监视属性的五种情况加一种特殊情况

• 与Vue2.x中watch配置功能一致

• 两个小“坑”：
  - 监视reactive定义的响应式数据时：oldValue无法正确获取、强制开启了深度监视（deep配置失效）。
  - 监视reactive定义的响应式数据中某个属性时：deep配置有效。

• 代码块

<template>
    <h2>当前求和为：{
  {sum}}</h2>
    <button @click="sum++">点我加一</button>
    <hr>
    <h2>当前的信息为：{
  {msg}}</h2>
    <button @click="msg+='!