es6 - 模板

 'use strict';

 // es5
 let name = 'mrs';
 let qb = 20;

 function logs() {
     return 'goods!';
 }

 let html = '<div>' +
     '<span>hello</span>' +
     '<span>' + name + '</span>' +
     '</div>';

 console.log(html);

 // es6 -模板
 let es6html = `
     <div>
         <span>hello</span>
         <ul>
             <li>${name}</li>
             <li>${qb}</li>
             <li>${logs()}</li>
         <ul>
     </div>
 `;

 console.log(es6html);

注意：es6模板的内容框选是``键盘左上角的重音符 ，而es5是双引号或单引号.