vue2素组拼接字符串

### Vue2 中数组拼接字符串

在 Vue2 中处理数组并将其转换为字符串可以利用 JavaScript 的原生 `join` 方法来实现。此方法允许通过指定分隔符将数组中的所有元素组合成单个字符串。

对于 Vue 组件内部的数据操作，可以在计算属性或方法中执行这一逻辑，并最终在模板内展示结果。下面是一个具体的例子：

#### 示例代码

new Vue({
  el: '#app',
  data() {
    return {
      numbers: [0, 1, 2, 3, 4],
      delimiter: '-'
    }
  },
  computed: {
    joinedNumbers() {
      return this.numbers.join(this.delimiter);
    }
  }
});

在这个实例里，定义了一个名为 `numbers` 的数组以及一个作为连接符使用的变量 `delimiter` 。接着，在计算属性 `joinedNumbers` 中调用了 `join()` 函数[^1]，从而实现了期望的功能——即把数组里的数值按照给定的分隔符连结起来形成一个新的字符串。

为了显示这个新创建的字符串，只需要简单地把它放入双大括号语法之中即可：

<div id="app">
  {{ joinedNumbers }}
</div>

这样就可以看到页面上会显示出 `"0-1-2-3-4"` 这样的效果。