字串模板、模板字串、Vue中使用template等等。
阿新 • • 發佈：2018-12-12
1：模板字串
傳統的JS語言，輸出模板是這樣寫的：
$('#result').append(
'There are <b>' + basket.count + '</b> ' +
'items in your basket, ' +
'<em>' + basket.onSale +
'</em> are on sale!'
);比較繁瑣。ES6引入了模板字串：
$('#result').append(` There are <b>${basket.count}</b> items in your basket, <em>${basket.onSale}</em> are on sale! `);
模板字串是增強的字串，使用反引號標識。可以當作普通字串使用，也可以定義多行字串，也可以嵌入變數。
// 普通字串
`In JavaScript '\n' is a line-feed.`
// 多行字串
`In JavaScript this is
not legal.`
console.log(`string text line 1
string text line 2`);
// 字串中嵌入變數
let name = "Bob", time = "today";
`Hello ${name}, how are you ${time}?如果要在字串中使用反引號的話， 需要轉義。
如果用模板字串表示多行字串，所有的空格和縮排會保留在輸出之中。