v-model:checked 拼接字符串

v-model:checked 拼接字符串指的是使用 v-model 绑定的 checkbox 在多选情况下，如何将选中的值拼接成字符串。可以使用计算属性或者方法来实现。例如：

<template>
  <div>
    <input type="checkbox" id="apple" value="apple" v-model="checkedFruits">
    <label for="apple">Apple</label>
    <input type="checkbox" id="banana" value="banana" v-model="checkedFruits">
    <label for="banana">Banana</label>
    <input type="checkbox" id="orange" value="orange" v-model="checkedFruits">
    <label for="orange">Orange</label>
    <p>Checked Fruits: {{ checkedFruits }}</p>
    <p>Checked Fruits as String: {{ checkedFruitsAsString }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      checkedFruits: []
    };
  },
  computed: {
    checkedFruitsAsString() {
      return this.checkedFruits.join(", ");
    }
  }
};
</script>

这个例子中，通过 v-model 绑定了三个复选框，用户可以多选水果，通过计算属性 `checkedFruitsAsString` 将选中的水果拼接成字符串输出。