vue中字符串拼接

在Vue中，字符串可以使用模板字符串或者字符串拼接来进行拼接。

1. 使用模板字符串

模板字符串是ES6中新增的字符串拼接方式，它使用反引号(`)包裹字符串，在其中使用${}来引用变量或表达式。例如：

<template>
  <div>
    <p>{{ message }}</p>
    <p>{{ `Hello, ${name}!` }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      message: 'Welcome to my page!',
      name: 'Alice'
    }
  }
}
</script>

上面的代码中，第二个p标签中使用了模板字符串来拼接字符串和变量。

2. 使用字符串拼接

字符串拼接可以使用加号(+)来实现。例如：

<template>
  <div>
    <p>{{ message }}</p>
    <p>{{ 'Hello, ' + name + '!' }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      message: 'Welcome to my page!',
      name: 'Alice'
    }
  }
}
</script>

上面的代码中，第二个p标签中使用了字符串拼接来拼接字符串和变量。