vue 中插入变量值的方法：${} 与 {{}}

最近刚开始接触学习 vue 前端框架，发现代码中有两种写法能够把变量引入字符串中：${var} 与 {{var}}。简单查了一下，发现 ${var} 是与 `` 搭配使用的，是 js 的语法特性。{{var}} 是 vue 的语法特性，能够在 html 元素中插入组件属性。

下面简单介绍一下

• `` ：js 中的模板字符串（又叫模板字面量），支持字符串换行，以及和 ${} 搭配使用使得变量的值插入字符串中更方便。

console.log('string text line 1\n' +
'string text line 2');
// "string text line 1
// string text line 2"
console.log(`string text line 1
string text line 2`);
// "string text line 1
// string text line 2"

exp = "this is a expression"
console.log(`test ${exp}`)
// test this is a expression

• ‘’ “”：他们就是单纯的字符串，并不能支持 ${} 插入变量
• {{}}：双括号插入变量是 vue 的一个特性，支持在 html 中插入变量的值