vue开发实现单选多选功能

单选：只能选择一个

代码：：（循环集合cities，点击哪个传值索引index，给对应的索引加上类名，初始化默认n为0）

<ul class="box">
	<li v-for="c,index of cities" :class="{checked:index==n}" @click="changeList(index)">{
  
  {c}}</li>
</ul>


<script>
var app = new Vue({
	el : ".box",
	data : {
		cities : ["物流不限","买家物流","卖家物流"],
		n : 0
	},
	methods :{
		changeList(index){
			this.n = index;//this指向app
		}
	}
})
</script>

多选：（同时选中多个）

代码：（同样传值索引index，判断所选在不在arr集合，给选中的元素添加类名checked）

<ul class="box">
    <li v-for="c,index of cities" :class="{checked:arr.includes(index)}" @clic