1Vue赋值方式

Object.defineProperty

一般赋值方式一旦number变化不会同步到age

getter实现常态化赋值

result

2数据代理

通过一个对象代理 另一个对象属性的操作（读写）

3Vue中的数据代理

Vue数据代理示意图：

school:{{name}}
addreee:{{address}}

conclude:
1vue数据代理通过vm代理data对象属性的读写操作
2代理好处：方便操作data里面的数据

4事件处理(需要重试)

methods

欢迎来到{{name}},welcom
电击我,告诉你情报是什么

v-on: <==> @

5事件修饰符

hello,{{name}}
点我提示信息1点我提示信息2

事件修饰符：
1prevent:阻止默认事件
2stop阻止事件冒泡
3once事件只触发一次
4capture使用事件的捕获模式
5self:只有event.target是当操作的元素才是触发事件
6passive:事件的而默认行为立即实行，无需等待事件回调执行完毕

6键盘事件

vue按键别名
回车enter,
删除delete
退出esc
空格space
换行tab
上up
下down
left.right

注意：

系统修饰键（用法特殊）：ctrl、alt、shift、meta

配合keyup使用：按下修饰键的同时，再按下其他键，随后释放其他键，事件才被触发
配合keydown使用：正常触发事件
可以使用keyCode去指定具体的按键，比如：@keydown.13=“showInfo”，但不推荐这样使用

Vue.config.keyCodes.自定义键名 = 键码，可以自定义按键别名

8姓名案例
9计算属性

拿已经写完的属性加工成计算生成全新属性
data写属性
computed计算新属性

姓：
名: 
全名：{{fullname}}

10计算属性简写