依然用app.vue練手
首先先寫事件發(fā)生時(shí)所調(diào)用的方法
export default {
data () {
return {
list: [
{
label: '第一個(gè)',
state: true
},
{
label: '第二個(gè)',
state: false
}
]
}
},
// 下面是新加的
methods: {
clickli: function (item) {
item.state = !item.state;
}
}
}
data里面寫的只是返回的數(shù)據(jù)袄秩，可以是空；
事件觸發(fā)的方法或者其他方式所用到的方法逢并，基本都放在methods里面播揪，說“基本都放在”的原因是，我只是渣渣切圖仔筒狠，并沒有全面透徹的了解猪狈，所以我不知道是否有放外面的…
在html對(duì)應(yīng)部分，做事件綁定
既然方法寫了辩恼，那么就要去寫觸發(fā)了
<template>
<div id="app">
<ul>
<li v-for="item in list" v-on:click="clickli(item)">
{{ item.label }}
</li>
</ul>
</div>
</template>
在vue中雇庙，事件綁定用的是v-on，它有多種寫法（我沒數(shù)灶伊，反正>1種）疆前，這里用完整寫法，有簡(jiǎn)寫聘萨，大家可以多翻看API竹椒。我這里不寫，就是為了讓你們多翻看API米辐。
本期結(jié)束了胸完。
