vue3的计算属性与watch

504 阅读1分钟

计算属性

计算属性在vue3中是一个函数

  • 与computed配置功能一致
  • 只有getter时,传入一个回调函数
  • 有getter和setter,传入一个对象,有get 和set两个属性方法
  • 返回值就是我们需要的计算属性

watch 函数

  • 与watch配置功能一致
  • 监视指定的一个或多个响应式数据, 一旦数据变化, 就自动执行监视回调
  • 默认初始时不执行回调, 但可以通过配置immediate为true, 来指定初始时立即执行第一次
  • 通过配置deep为true, 来指定深度监视 immediate 和 deep 配置在第三个参数里

watchEffect函数

  • 不用直接指定要监视的数据, 回调函数中使用的哪些响应式数据就监视哪些响应式数据
  • 默认初始时就会执行第一次, 从而可以收集需要监视的数据
  • 监视数据发生变化时回调