Vue事件与属性

1、事件深入:

    v-on:click="函数"

    简写：@click="函数"

    事件对象:

    @click="show($event)"  //$event事件对象

   事件冒泡：

   阻止冒泡：

   a.ev.cancelBubble=true;

   b.@clcik.stop="show()"

  <input type="button" value="按钮"  @click.stop="show()">

   阻止默认行为：

   a.ev.preventDefault;

   b.@contextmenu.prevent="show2()"

   <input type="button"  value="按钮"  @contextmenu.prevent="show2()">

    键盘事件：

    @keydown    $event ev.keyCode

    @keyup

    常用键：

    回车：keyCode:13;

    @keyup.enter="";

    @keyup.13="";

    上右下左：37,38,39,40

    @keyup.down="";

    @keyup.up="";

---

2、属性：

    v-bind:src=""绑定属性；

    width/height/title都可以

    简写：  :src

    特殊的：

    class和style

    :class    :style