计算属性 vs 方法 vs 侦听属性
如果一个功能同时可以使用计算属性(computed)、方法(methods)、侦听属性(watch)来实现的时候推荐使用计算属性。
计算属性 | 方法 | 侦听属性 |
---|---|---|
计算属性是基于它们的响应式依赖进行缓存的 | 每当触发重新渲染时,调用方法将总会再次执行函数 | 有缓存,但相比计算属性,实现起来要复杂很多。 |
v-if vs v-show
v-if
根据渲染条件决定是否把元素渲染到DOM页面,而v-show
不管渲染条件是什么,都会把元素渲染到DOM页面,只是简单的切换CSS的显示隐藏。
如果需要非常频繁地切换,则使用 v-show
较好;如果在运行时条件很少改变,则使用 v-if
较好。