美文网首页
Vue.js 中 computed & method & wat

Vue.js 中 computed & method & wat

作者: KimYYX | 来源:发表于2017-10-31 14:44 被阅读0次

Vue.js 的实例中可以定义 computed(计算属性)methods(方法)watch(侦听) 3个属性。在很多情况下,这3个属性都能完成同一个任务(例如输入一串字符串,然后把它反转输出),下面对这3个属性稍微深挖一层。

  • computed - 会把输出结果缓存起来,只有当其内部的依赖数据(data 中的数据)改变时才会改变。适用于比较费时的数据计算
  • methods - 只要实例被更新,都会被触发执行,适用于需要实时性的数据
  • watch - 侦听 data 中数据的变化,在方法中会传入 newValoldVal。可用于 输入值无效提供中间值 等场景。不过这个属性还是有一定深度的,可以参看官方的文档

相关文章

网友评论

      本文标题:Vue.js 中 computed & method & wat

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