在 Vue.js 开发中，经常需要截取字符串以满足不同的需求。Vue 提供了多种内置的方法来轻松实现此目的。

Vue 中截取字符串的神奇方法

substring()

最基本的方法是 `substring()`，它从给定字符串的指定位置开始截取指定数量的字符。语法如下：

``` substring(start, end) ```

例如：

```js const str = "Hello World"; const result = str.substring(0, 5); // "Hello" ```

slice()

`slice()` 与 `substring()` 相似，但它支持负索引，允许从字符串的末尾开始截取。语法如下：

``` slice(start, end) ```

例如：

```js const str = "Hello World"; const result = str.slice(6); // "World" ```

substr()

`substr()` 是一种过时的截取方法，不过仍然可以使用。它仅接受两个参数：开始位置和长度。语法如下：

``` substr(start, length) ```

例如：

```js const str = "Hello World"; const result = str.substr(0, 5); // "Hello" ```

String.prototype.slice()

最后，Vue 还提供了 `String.prototype.slice()` 方法，它与原生 JavaScript 中的 `String.slice()` 方法相同。语法如下：

``` slice(start, end) ```

例如：

```js const str = "Hello World"; const result = str.slice(0, 5); // "Hello" ```

示例

下面是一个使用 Vue 中字符串截取方法的示例：

```js

```

这段代码会显示一条长消息，但仅截取前 20 个字符并添加省略号。