# 字符串模板
字符串拼接是开发时一个必不可少的环节，也是很恶心的一个环节，尤其是又臭又长的 html 字符串拼接。
为什么说 html 字符串拼接很恶心呢，主要有以下几点：
- 传统的字符串拼接不能正常换行
- 传统的字符串拼接不能友好的插入变量
- 传统的字符串拼接不能友好的处理单引号、双引号互相嵌套的问题。 es6 的模板字符串解决了以上问题
- 拼接字符串
<script>
// 以前拼接字符串
var html =
"<ul>" +
'<li cla="aaa">' +
1 +
"</li>" +
"<li>2</li>" +
"</ul>"// 现在拼接字符串
// esc 下面的一个键
``;
var html = `<ul>
<li>1</li>
<li>2</li>
</ul>`;
</script>
- 插入变量
<script>
var s1 = `hello vue`;
var html = `xxx ${s1} xxx`;
console.log(html); //xxx hello vue xxx
</script>