vue怎么把字符串转换为数组

在 Vue.js 中，可以使用 JavaScript 的 `split` 函数将一个字符串转换为数组。该函数接收一个分隔符作为参数，并返回一个数组，数组的元素是字符串中使用分隔符分隔后的子字符串。

例如，如果想要将一个以逗号分隔的字符串转换为数组，可以使用以下代码：

const str = 'apple,banana,pear'
const arr = str.split(',')
console.log(arr) // 输出：["apple", "banana", "pear"]

在 Vue.js 的模板中，可以使用计算属性来将一个字符串转换为数组，例如：

<template>
  <div>
    <p>字符串：{{ str }}</p>
    <p>数组：</p>
    <ul>
      <li v-for="item in arr" :key="item">{{ item }}</li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      str: 'apple,banana,pear'
    }
  },
  computed: {
    arr() {
      return this.str.split(',')
    }
  }
}
</script>

在上面的代码中，通过计算属性 `arr` 将 `str` 字符串转换为数组，并在模板中使用 `v-for` 指令遍历数组元素。