vue模板中,插值表达式中可以做简单的逻辑判断
具体代码如下所示
<!...,值是一个对象,并且添加与之相对应的计算属性
计算属性得到的值是之前缓存的计算结果,不会多次执行
实例代码如下所示
<!...(计算属性的 getter 函数是没有副作用, 但也可以使用方法,但是计算属性在计算数量量比较大,具有缓存计算结果的作用,性能更高,频繁调用方法,解析模板,渲染页面,是比较消耗性能的)
计算属性是基于它们的响应式依赖进行缓存的...': {
console.log("info下面的name属性改变了");
}
}
})
在Vue中,默认不监测对象内部值的改变,如果想要监测对象下的每个属性的变化...,那么watch就可以有效的去开启一个异步任务
从上面的图中总结出
computed:监测的是依赖值,当依赖值不变的情况下,会直接读取缓存进行复用,当依赖值有变化时,会重新计算
watch: 监测的是属性值