Vue 3 字符串分割：将 '4,5,5' 分割成数组

本文将介绍如何在 Vue 3 中将字符串 '4,5,5' 分割成一个数组。

JavaScript 代码：

const str = '4,5,5';
const arr = str.split(',');
console.log(arr); // ['4', '5', '5']

这段代码使用逗号作为分隔符将字符串分割成一个数组。

Vue 3 组件示例：

<template>
  <div>
    <ul>
      <li v-for='item in items' :key='item'>{{ item }}</li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      str: '4,5,5',
      items: [],
    };
  },
  mounted() {
    this.items = this.str.split(',');
  },
};
</script>

在这个例子中，我们首先将字符串分割成一个数组，并将其存储在组件的 items 数据属性中。然后，我们使用 v-for 指令在模板中循环遍历这个数组。