美文网首页
methods,computed,watch

methods,computed,watch

作者: kiterumer | 来源:发表于2019-05-12 00:38 被阅读0次
  1. computed是计算属性,是依赖其他属性计算得出的结果;watch是监听某一个值的变化执行对应的方法。
  2. computed的值在getter执行后是会缓存的,只有在它依赖的属性值改变之后,下一次获取computed的值时才会重新调用对应的getter来计算;watch在每次监听的值变化时,都会执行回调。如果一个值依赖多个属性(多对一),用computed肯定是更加方便的。如果一个值变化后会引起一系列操作,或者一个值变化会引起一系列值的变化(一对多),用watch更加方便一些。
  3. watch的回调里面会传入监听属性的新旧值,通过这两个值可以做一些特定的操作;computed通常就是简单的计算。
  4. methods里面的方法不包含主动监听的能力,且相对于computed来讲没有缓存能力,每次会重新执行(在SPA切换的时候比较明显);但比较灵活,可以手动去调取。
  5. 它们并没有哪个更底层。watch和computed的共同之处就是每个定义的属性都单独建立了一个Watcher对象,当然这个能力是方法所不具有的。

相关文章

  • Vue computed、watch、methods

    - computed & watch & methods computed & watch:当某一个数据(依赖数据...

  • 2018-12-12

    Vuejs中关于computed、methods、watch的区别

  • 计算属性,方法,侦听器

    computed 计算属性methods 方法watch 侦听器

  • computed && watch && methods

    computed计算属性适用于任何复杂逻辑的计算 computed 和 计算方法computed: 是基于它们的依...

  • computed、methods、watch

    computed:计算属性将被混入到 Vue 实例中。所有 getter 和 setter 的 this 上下文自...

  • watch、computed、methods

    watch 使用这个属性可以监听data指定的数据的变化,然后触发watch中对应的function 处理函数 1...

  • methods,computed,watch

    computed是计算属性,是依赖其他属性计算得出的结果;watch是监听某一个值的变化执行对应的方法。 comp...

  • 小结

    vue事件执行顺序Props => Methods => Data => Computed => Watch me...

  • Vue 构造选项

    Vue 构造选项 Options 数据: data、props、methods、computed、watch DO...

  • Vue

    watch 和 computed 和 methods 区别 watch:监听,对data的数据监听回调, 当依赖的...

网友评论

      本文标题:methods,computed,watch

      本文链接:https://www.haomeiwen.com/subject/sjrqaqtx.html