vue3计算属性与监视

  • computed函数:

    • 与computed配置功能一致
    • 只有getter
    • 有getter和setter
  • watch函数

    • 与watch配置功能一致
    • 监视指定的一个或多个响应式数据, 一旦数据变化, 就自动执行监视回调
    • 默认初始时不执行回调, 但可以通过配置immediate为true, 来指定初始时立即执行第一次
    • 通过配置deep为true, 来指定深度监视(指的是对象中嵌套了很多层,对象里面有属性,属性里面有对象)
  • watchEffect函数

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



 使用watch监视响应数据时可以直接监视,但监视非响应数据时需要处理一下。 

vue3计算属性与监视_第1张图片 

你可能感兴趣的:(vue3+TS,前端,javascript)