vue.js 带括号调用观察者与不带括号调用观察者的区别

pnwntuvh  于 2023-10-23  发布在  Vue.js
关注(0)|答案(1)|浏览(144)

在watch属性中,使用()调用属性和不使用它们有什么区别?

export default {
  watch: {
    // syntax with ()
    test() {
      if (this.test) {
        //some work
      } else {
        //some work
      }
    },

    // syntax without ()
    labels: {
      immediate: true,
      deep: true,
      handler(option) {
        //some work
      }
    }
  }
}

那么immediatedeep的目标是什么呢?

332nm8kg

332nm8kg1#

默认情况下,watch是惰性的,这意味着它只会在源代码发生初始更改后运行。
添加immediate: true本质上是让我们在组件初始化时运行watch的回调。本质上,就像某些语言中do while循环的do块。
你可以在docs https://vuejs.org/guide/essentials/watchers.html找到更多和深入和渴望的手表

相关问题