vue-事件和方法

1、demo01

   <button v-on:click="getListMsg()">请求数据</button>
    <br>
    <ul>
      <li v-for="(item,index) in list">
        {{index}}--- {{item}}
      </li>
    </ul>

getListMsg(){
            for(var i=0;i<10;i++) {
              this.list.push('这是第'+i+'条数据')
            }

 

2、demo02

     <br>
      <button v-on:click="deletMsg('222')">执行带参方法222</button>      

deletMsg(aaa){
            alert(aaa)
          }

执行方法带参传递

3、demo03

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

 

eventFn(e){
            e.srcElement.style.background='red';
            alert(e.srcElement.dataset.aid);
          },

事件对象也可以获取dom节点