Vue中使用ES6 模板字符串 `${}` 实现变量和字符串的拼接

概述

模板字符串相当于加强版的字符串，用反引号 `` 标识 ，除了作为普通字符串，还可以在字符串中加入变量和表达式。变量的获取方式是：${变量名}

注意：不能用单引号，而是要用反引号

举例

1、无变量模式，``可以当做普通字符串来使用

let string1= `hello`;
console.log(string1);   
//输出结果: “hello”

2、字符串插入变量和表达式。

// 变量名写在 ${} 中，${} 中可以放入 JavaScript 表达式。
let name = "Jack"
let age = 20
let info = `My Name is ${name},I am ${age+1} years old next year.`
console.log(info)
// My Name is Jack,I am 21 years old next year.

3、字符串中调用函数

function f(){
    return "have fun!"
}
let string2 = `Game start,${f()}`
console.log(string2);  
// Game start,have fun!