Vue事件与属性

1、事件深入:

    v-on:click="函数"

    简写:@click="函数"

    事件对象:

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

   事件冒泡:

   阻止冒泡:

   a.ev.cancelBubble=true;

   [email protected]="show()"

 

   阻止默认行为:

   a.ev.preventDefault;

   [email protected]="show2()"

   

Vue事件与属性_第1张图片

    键盘事件:

    @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

Vue事件与属性_第2张图片

    特殊的:

    class和style

    :class    :style

Vue事件与属性_第3张图片

你可能感兴趣的:(Vue事件与属性)