Vue--day02

键盘事件

提示符：placeholder
按下响应：keydown 抬起响应：keyup

e.key：e的按键名
e.keyCode：e的编码

事件总结

计算属性

computed——计算属性，返回一个值

姓名案例

span：行元素

简写——用不到set()

天气案例

监视属性

watch——监视属性，可被程序员调用

watch:{
			mcc:{
			//封装好的监视方法
		handler(newValue,oldValue){
						console.log('mcc被修改了')
				}
		}
}

深度监视

deep开启可以监视属性中的所有变化

watch对比computed

绑定class样式

绑定style样式

条件渲染

v-show与v-if

如果走了v-if就不会走v-else。且该系列语句中间不能穿插其他语句

列表渲染

v-for和过滤

key作用与原理

列表过滤

列表排序

更新时的一个问题

Vue无法识别已更改的对象数据，但可以识别更改的属性数据

Vue监视数据的原理——对象

对data的每一个对象都进行递归（每一个子对象都有get()和set()）

Vue_set()方法

不能直接作用于VM，或者VM的根对象上

Vue监视数据的原理——数组

数组内没有单独的get()和set()

Vue监视数据——总结