一、天气案例
1-1、方式一:{{三目运算符}}
1-2、方式二:计算属性
1-3、方式三:@click中写简单逻辑
@click里面可以写简单的逻辑语句。不用this
解决方式:
小结:绑定事件的时候,@xxx="yyy"
xxx:事件
yyy:可以写一些简单的语句。
二、监视属性
2-1、watch属性
Vue.js 监听属性 watch,我们可以通过 watch 来响应数据的变化。
1、handler函数
2、immediate属性
3、watch中是否能监测计算属性
也可以监测计算属性
2-2、vm的监视
2-3、小结
三、深度检测
3-1、监视多级结构中某个属性的变化
需求1: 只检测a的值,不检测b的值。
3-2、监视多级结构中所有属性的变化
需求2:numbers中有很多属性,任何一个属性变了,都能检测到
3-3、小结
四、监视的简写
前提:watch属性中只有handler函数的时候,其他配置项没有的时候,才能简写。
方式一:
方式二:
注意:不要写成箭头函数!