vue-learning:20 - js - 区别:filters / data / computed / watch / methods
2019-05-20 00:02
1981 查看
区别:filters / data / computed / watch / methods
在配置对象
options中,
filters/
data/
computed/
watch/
methods的每一项都有适合的场景,并且通常在项目中都是混合使用。
data对象适合纯粹的数据。如果想要某个数据在某个地方应用后需要视图改变的话,那就好放在
data对象中,如果需要响应逻辑运算后的结果那最好使用计算属性。如果需要外部参数参与逻辑运算的话那就使用方法。
filter是纯函数,适合模板或
v-bind值的格式化,比计算属性高效,可以替代部分计算属性的功能。
watch适合监听异步事件,执行异步回调。
选项 | 可读 | 可写 | 有默认参数 | 可以传入参数(非默认) | 进行逻辑运算 | 有缓存 |
---|---|---|---|---|---|---|
data | 是 | 是 | 无 | 否 | 可以接受简单表达式 | 无 |
computed | 是get | 是set | set(newVal) | 否 | 是 | 是 |
watch | 是 | 否 | (newVal, oldVal) | 否 | 是 | 无 |
methods | 是 | 否 | 事件处理对象event | 是 | 是 | 无 |
filtes | 是 | 否 | val | 是(作为第二个参数开始) | 是 | 无 |
相关文章推荐
- vue.js重学之旅(2)——vue.js里的数据操作(data,methods,computed,watch)
- vue.js中的computed和methods和watch之间的区别
- Vue中computed(计算属性)、methods、watch的区别
- vue学习04--[转发]Vuejs中computed、methods、watch的区别
- vue学习05--Vuejs中computed、methods、watch的区别[2]
- vue中computed & methods & watch 的区别
- vue.js 计算属性及计算属性(computed)、methods、watched三者区别
- Vue中的methods、watch、computed的区别
- 解析Vue中computed、watch、methods的区别
- Vue.js中computed、methods、watch的使用
- Vue.js computed vs Methods区别
- Vue.js之computed和watch的使用与区别
- Vue 中 computed、methods、watch三者的区别
- Vue的计算属性computed、方法methods、侦听器watch的区别
- Vue中computed(计算属性)、methods、watch的区别
- Vue.js的computed和watch用法及区别
- vue心得系列1——methods,computed,watch的区别
- vue.js——computed属性与methods属性的区别
- methods和computed和watch的联系和区别
- Vuejs中关于computed、methods、watch的区别