vue基础：事件绑定,通过事件获取数据

1.vue中对方法（事件）的绑定的两种方法：v-onclick:="()“和@click=”*()"

需要注意的事在中调用的方法时，该方法需要在

<button v-on:click="run1()">执行方法的第一种写法</button>

data () { 
        return {
          msg: '你好vue',
          list:[]      
        }
      },
 methods:{

        run1:function(){

          alert('这是一个方法');
          //alert(this.msg);
          //this.msg="change";

        },
      }

同样在事件中我们也可以进行数据的输出和修改。

2.通过事件获取数据

<button data-aid='123' @click="eventFn($event)">事件对象</button>

eventFn(e){
          console.log(e);

          // e.srcElement  dom节点
          e.srcElement.style.background='red';
          alert(e.srcElement.dataset.aid);

          console.log(e.srcElement.dataset.aid);  /*获取自定义属性的值*/
        }