1天让你精通vue（3）

　　一、计算属性与监听（一）计算属性
　　(1) 定义：要用的属性不存在，要通过已有属性计算得来。
　　(2) 原理：底层借助了Objcet.defineproperty方法提供的getter和setter。
　　(3) get函数什么时候执行？
　　① 初次读取时会执行一次。
　　② 当依赖的数据发生改变时会被再次调用。
　　(4) 优势：与methods实现相比，内部有缓存机制（复用），效率更高，调试方便。
　　(5) 备注：
　　① 计算属性最终会出现在vm上，直接读取使用即可。
　　② 如果计算属性要被修改，那必须写set函数去响应修改，且set中要引起计算时依赖的数据发生改变。   姓：
　　名：
　　全名：{{fullName}}
　　修改  （二）监视属性watch：
　　(1) 当被监视的属性变化时, 回调函数自动调用, 进行相关操作
　　(2) 监视的属性必须存在，才能进行监视！！
　　(3) 监视的两种写法：
　　① new Vue时传入watch配置
　　② 通过vm.$watch监视
　　(4) immediate:true, //初始化时让handler调用一下
　　(5) 深度监视：
　　① Vue中的watch默认不监测对象内部值的改变（一层）。
　　② 配置deep:true可以监测对象内部值改变（多层）。
　　(6) 备注：
　　① Vue自身可以监测对象内部值的改变，但Vue提供的watch默认不可以！
　　② 使用watch时根据数据的具体结构，决定是否采用深度监视。   今天天气很：{{info}}   点击切换   二、绑定样式（一）class样式
　　(1) 写法:class=＂xxx＂ xxx可以是字符串、对象、数组。
　　(2) 字符串写法适用于：类名不确定，要动态获取。
　　(3) 数组写法适用于：要绑定多个样式，个数不确定，名字也不确定。
　　(4) 对象写法适用于：要绑定多个样式，个数确定，名字也确定，但不确定用不用。（二）style样式
　　(1) :style=＂{fontSize: xxx}＂其中xxx是动态值。
　　(2) :style=＂[a,b]＂其中a、b是样式对象。      {{name}}
　　   {{name}}
　　   {{name}}
　　   {{name}}
　　   {{name}}
　　结语：
　　一句＂顺其自然＂里面包含了多少绝望和不甘心。
　　回复vue ，可以获得全套笔记