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


Posted in Javascript onJune 19, 2017

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

在data中定义变量:

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

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

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

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

点击按钮出现

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

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
js 时间函数应用加、减、比较、格式转换的示例代码
Aug 23 Javascript
document.addEventListener使用介绍
Mar 07 Javascript
jquery实现页面百叶窗走马灯式翻滚显示效果的方法
Mar 12 Javascript
简介JavaScript中用于处理正切的Math.tan()方法
Jun 15 Javascript
JavaScript创建闭包的两种方式的优劣与区别分析
Jun 22 Javascript
jQuery+html5+css3实现圆角无刷新表单带输入验证功能代码
Aug 21 Javascript
vue.js的安装方法
May 12 Javascript
Vue-resource拦截器判断token失效跳转的实例
Oct 27 Javascript
360doc网站不登录就无法复制内容的解决方法
Jan 27 Javascript
JavaScript中使用import 和require打包后实现原理分析
Mar 07 Javascript
用node撸一个监测复联4开售短信提醒的实现代码
Apr 10 Javascript
简单了解vue 插值表达式Mustache
Jul 22 Javascript
js实现随机数字字母验证码
Jun 19 #Javascript
解决vue-cli中stylus无法使用的问题方法
Jun 19 #Javascript
AngularJS  ng-repeat遍历输出的用法
Jun 19 #Javascript
ZeroClipboard.js使用一个flash复制多个文本框
Jun 19 #Javascript
AngularJS的ng-click传参的方法
Jun 19 #Javascript
JavaScript队列函数和异步执行详解
Jun 19 #Javascript
JS检测是否可以访问公网服务器功能代码
Jun 19 #Javascript
You might like
tp5递归 无限级分类详解
2019/10/18 PHP
Iframe thickbox2.0使用的方法
2009/03/05 Javascript
document.compatMode介绍
2009/05/21 Javascript
颜色选择器 Color Picker,IE,Firefox,Opera,Safar
2010/11/25 Javascript
自制基于jQuery的智能提示插件一枚
2011/02/18 Javascript
Javascript 键盘事件的组合使用实现代码
2012/05/04 Javascript
javascript 日期时间 转换的方法
2013/02/21 Javascript
JS.findElementById()使用介绍
2013/09/21 Javascript
js history对象简单实现返回和前进
2013/10/30 Javascript
JS window对象的top、parent、opener含义介绍
2013/12/03 Javascript
vue引入新版 vue-awesome-swiper插件填坑问题
2018/01/25 Javascript
Vue使用高德地图搭建实时公交应用功能(地图 + 附近站点+线路详情 + 输入提示+换乘详情)
2018/05/16 Javascript
Webpack4+Babel7+ES6兼容IE8的实现
2019/04/10 Javascript
layui 解决富文本框form表单提交为空的问题
2019/10/26 Javascript
jQuery实现弹出层效果
2019/12/10 jQuery
详解vue3中组件的非兼容变更
2021/03/03 Vue.js
使用Python的Twisted框架实现一个简单的服务器
2015/04/16 Python
Python检测生僻字的实现方法
2016/10/23 Python
Python之Scrapy爬虫框架安装及使用详解
2017/11/16 Python
Python基于聚类算法实现密度聚类(DBSCAN)计算【测试可用】
2018/12/26 Python
Django框架视图介绍与使用详解
2019/07/18 Python
python实现银行实战系统
2020/02/26 Python
Python实现动态给类和对象添加属性和方法操作示例
2020/02/29 Python
构建高效的python requests长连接池详解
2020/05/02 Python
基于python实现模拟数据结构模型
2020/06/12 Python
美国猫狗药物和用品网站:PetCareRx
2017/01/05 全球购物
Origins悦木之源香港官网:雅诗兰黛集团高端植物护肤品牌
2018/03/21 全球购物
世界各地的当地人的食物体验:Eatwith
2019/07/26 全球购物
公司人力资源的自我评价
2014/01/02 职场文书
社区优秀志愿者先进事迹
2014/05/09 职场文书
财务管理专业自荐书
2014/09/02 职场文书
公司财务人员岗位职责
2015/04/14 职场文书
教师病假条范文
2015/08/17 职场文书
《一面五星红旗》教学反思
2016/02/23 职场文书
MYSQL 的10大经典优化案例场景实战
2021/09/14 MySQL
MySQL常用慢查询分析工具详解
2022/08/14 MySQL