vue.js中怎么拼接字符串-木庄网络博客

2022-04-19 05:32:12 PHP中文网 JavaScript 百度已收录

本文摘自PHP中文网，作者coldplay.xixi，侵删。

vue.js中拼接字符串的方法：首先在data中定义变量，代码为【data(){return{a: 'A'}}】；然后通过按钮点击实现字符串和变量a的拼接，代码为【<button @click='showMsg'></button>】。

本教程操作环境：windows10、vue2.5.2，本文适用于所有品牌的电脑。

【相关文章推荐：vue.js】

vue.js中拼接字符串的方法：

在data中定义变量：

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

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

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

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

相关阅读 >>

更多相关阅读请进入《vue.js》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者