个人笔记-----Vue怎么玩，Vue就是这么玩【如有不对，欢迎指正】

请求数据

请求数据后在

<ul>

list:[]

<li v-for="(item,index) in list" :key="index">{{item}}</li>

list:[]

for

this.list.push()

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

export default {
data () {   // 业务逻辑里面定义的数据
return {
list:[]
}
},
methods: {
setData(){
for (var i = 0; i < 10; i++) {
this.list.push('这是第'+i+'条数据');
}
}
},
}

执行方法传值

<button @click="setUrl('123')">执行方法传值</button>

setUrl(val){
alert(val)      //123
}

事件对象

事件对象可以获取当前 DOM 节点，srcElement 就是获取当前 DOM 节点。
获取自定义属性的值

e.srcElement.dataset.aid

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

eventFn(e){
console.log(e);
e.srcElement.innerText = '改变后的button';
console.log(e.srcElement.dataset.aid);
}