vue-02 定义方法、执行方法

<div ref="box">我是一个box</div>
<button v-on:click="getInputValue">获取第二个表单里的数据</button>
<br><br>
<button v-on:click="run1()">执行事件的第一种写法</button>
<button @click="run2()">执行事件的第二种写法</button>
<br>
<button @click="getMsg()">获取data里的数据</button>
<br>
<br><br>
<button @click="setMsg()">改变data里的数据</button>
<br><br>
<button @click="requestData()">请求data里的数据</button>
<ul>
  <li v-for="item in list">
    {{item}}
  </li>
</ul>
<br><br>
<button @click="deleteData(‘111‘)">执行方法传值</button>
<br><br>
<button @click="eventFn($event)" data-aid="123">事件对象</button>

run1:function () {
  alert(‘第一种写法‘)
},run2(){
  alert(‘第二种写法‘)
},requestData(){
     for(var i=0;i<10;i++){
        this.list.push(‘我是第‘+i+‘条数据‘);
     }
},deleteData(val){
  alert(val)
},eventFn(e){
  console.log(e);
  e.srcElement.style.background=‘red‘;
  console.log(e.srcElement.dataset.aid)/*获取自定义属性*/
}

vue-02 定义方法、执行方法

原文：https://www.cnblogs.com/weibo258/p/14335575.html