vue3 字符串转换成数组

你可以使用 JavaScript 中的 `split()` 方法将字符串转换为数组。在 Vue3 中，你可以在模板中使用 `split()` 方法，或者在组件中使用 Vue 实例的 `computed` 属性或 `methods` 方法来实现。以下是一些示例代码：

在模板中使用 `split()` 方法：

<template>
  <div>
    <p>原始字符串：{{ str }}</p>
    <p>转换后的数组：{{ str.split(',') }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      str: 'apple,banana,orange'
    }
  }
}
</script>

在 Vue 实例中使用 `computed` 属性：

<template>
  <div>
    <p>原始字符串：{{ str }}</p>
    <p>转换后的数组：{{ strArray }}</p>
  </div>
</template>

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

在 Vue 实例中使用 `methods` 方法：

<template>
  <div>
    <p>原始字符串：{{ str }}</p>
    <p>转换后的数组：{{ getStrArray() }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      str: 'apple,banana,orange'
    }
  },
  methods: {
    getStrArray() {
      return this.str.split(',')
    }
  }
}
</script>