vue 字符串分割

作者：嗜血之舞发布日期:2025-06-16 浏览:76

// 示例代码：在 Vue 中使用字符串分割

<template>
  <div>
    <p>原始字符串: {{ originalString }}</p>
    <p>分割后的数组: {{ splitStringArray }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      originalString: 'hello-world-from-vue',
      splitStringArray: []
    };
  },
  created() {
    // 使用 split 方法将字符串按指定字符分割成数组
    this.splitStringArray = this.originalString.split('-');
  }
};
</script>

<!-- 
解释说明：
1. `originalString` 是我们定义的一个字符串，包含多个由连字符 `-` 分隔的单词。
2. 在 `created` 生命周期钩子中，我们使用了 JavaScript 的 `split` 方法，按照连字符 `-` 将字符串分割成一个数组，并将结果存储在 `splitStringArray` 中。
3. 最后，在模板中我们分别展示了原始字符串和分割后的数组。
-->

上一篇：vue splice()函数

下一篇：vue watch用法