Rumah > hujung hadapan web > tutorial js > vue中如何实现变量和字符串拼接

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

陈政宽~
Lepaskan: 2018-05-24 10:02:56
asal
4980 orang telah melayarinya

这篇文章主要介绍了vue中如何实现变量字符串拼接,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

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

在data中定义变量

data() {
  return {
    a: 'A'
  }
}
Salin selepas log masuk

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

<button @click=&#39;showMsg&#39;></button>
//vue
methods: {
  showMsg() {
    alert(`获取了${a}`);
  }
}
Salin selepas log masuk

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

点击按钮出现


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

Atas ialah kandungan terperinci vue中如何实现变量和字符串拼接. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan