vue中如何实现变量和字符串拼接

这篇文章主要为大家详细介绍了vue中如何实现变量和字符串拼接，具有一定的参考价值，可以用来参考一下。

感兴趣的小伙伴，下面一起跟随四海网的小编两巴掌来看看吧！

整理文档，搜刮出一个vue中如何实现变量和字符串拼接的代码，稍微整理精简一下做下分享。

在data中定义变量：

代码如下：

data() {
  return {
    a: 'A'
  }
}

如何通过按钮点击实现字符串和变量a的拼接呢？

代码如下：

<button @click='showMsg'></button>
//vue
methods: {
  showMsg() {
    alert(`获取了${a}`);
  }
}

注意alert()里不是单引号，而是两个 ` 号（esc下面的按键）。

点击按钮出现

【图片暂缺】

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持四海网。

本文来自：http://www.q1010.com/184/3389-0.html

注：关于vue中如何实现变量和字符串拼接的内容就先介绍到这里，更多相关文章的可以留意四海网的其他信息。

关键词：vue.js