事件处理/事件修饰符/键盘事件/计算，监听属性

1.事件处理（基本使用）：

点击按键2输出（number：66，a为event）

 2.事件修饰符

 

 tip：a的默认事件就是跳转，加了.prevent,即阻止跳转

3.键盘事件

 

注意：@keyup.（后面的为按键别名

现在一般都用别名，不用askm值 

 4.计算属性（computed）

 注意：在Vue模板中，即body中不能出现fullName.get()这样的。计算属性只是在一些操作后把值赋给fullName作为vm的一个属性，只能使用{{fullName}}来使用其中值

 简写：

此法只考虑读取，不考虑控制台修改fullName，模板中也不允许fullName(),原因参考上条

5.监视属性（watch）

 

 法一：

简写： 

 法二：

简写： 

深度监视 

 

例：

 

模板中用{{number.c.d.e}}，开启了deep后，Vue可以深度读取任何深度的值

 

计算属性（competed）和监视属性（watch）对比

 姓名案例

a.

b.(要有起始值) 

上面的计算属性更简单。若增加细致需求（异步），会体现出watch的独特性 

总结：鸡你太美