vue 实现多选和单选

这里是多选：

上个小小的效果图，然后具体实现看代码

template

<view v-for="(item, index) in list" @click="choose(index)">
  <view class="choose" :class="{green:arr.includes(index)}"></view>
  <view>{
  {item.name}}</view>
  <view>聊天</view>
</view>

style

/* 这是没选中的样式 */
.choose {
  border: solid #D3D3D3 2rpx;
  border-radius: 50%;
  width: 20rpx;
  height: 20rpx;
}

/* 这是选中的样式 */
.green {
  background-color: #4CD964;
  border: solid #4CD964 2rpx;
}

data

list: [
  {
    name: '张三'
  },
  {
	name: '张三'
  },
  {
	name: '张三'
  }
]