vue模板中,插值表达式中可以做简单的逻辑判断
具体代码如下所示
模板中可以直接使用,不用加圆括号计算属性名(),这点有别于普通方法的调用
在模板中放入太多的逻辑会让模板过重且难以维护,也不直观(简单的逻辑可以放在模板中处理)
对于复杂逻辑,可以使用计算属性...(计算属性的 getter 函数是没有副作用, 但也可以使用方法,但是计算属性在计算数量量比较大,具有缓存计算结果的作用,性能更高,频繁调用方法,解析模板,渲染页面,是比较消耗性能的)
计算属性是基于它们的响应式依赖进行缓存的...$watch
06
watch中的深度监视
上面都是直接的监听data下面直接挂载的属性,当我们想要监听某个对象下的单个属性时,那怎么办?...在vue中实现同一个功能,对于简单的逻辑功能,可以使用模板,其次是方法(但不具备数据缓存的能力),若逻辑很复杂,需要缓存数据,则使用计算属性,而watch属性,同样也能实现
在平时的开发中,优先使用计算属性