vue js 字符串转成数组

在Vue.js中，您可以使用JavaScript的split()方法将字符串转换为数组。split()方法将字符串根据指定的分隔符分割成一个数组。

以下是一个示例代码：

<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,orange',
      arr: [],
    };
  },
  mounted() {
    this.arr = this.str.split(','); // 使用split()方法将字符串转换为数组
  },
};
</script>

在上述示例中，我们首先在data中定义了一个字符串 `str`，它包含了一些水果名称，用逗号进行分隔。然后，在mounted钩子函数中，我们使用 `split()` 方法将字符串 `str` 转换成数组，并将结果赋值给 `arr` 数组。

最后，在模板中使用 `v-for` 指令遍历 `arr` 数组，并展示每个数组项。

通过这样的设置，原始的字符串会被转换成一个包含各个元素的数组。

希望这个示例对您有帮助！如果您还有其他问题，请随时提问。