vue3 根据,分割字符串

在 Vue3 中，您可以使用 JavaScript 中的 split() 方法来根据逗号分割字符串。例如：

<template>
  <div>
    <p v-for="item in items" :key="item">{{ item }}</p>
  </div>
</template>

<script>
import { ref } from 'vue';

export default {
  setup() {
    const str = 'apple,banana,orange';
    const items = ref(str.split(',')); // 使用 split() 方法根据逗号分割字符串

    return {
      items,
    };
  },
};
</script>

在上面的代码中，我们首先声明一个字符串变量 `str`，值为 `'apple,banana,orange'`，然后使用 `split()` 方法将其分割成一个数组。我们使用 `ref` 创建一个响应式的 `items` 变量，将分割后的数组赋值给它。最后，在模板中使用 `v-for` 循环渲染数组的每个元素。