ES6 模板字符串用法

解决字符串拼接问题

使用模板字符串，可以省去 ‘+’ 拼接的操作，反引号``之间的视为一个整体

view：

<p v-html="getHtml()"></p>

method：

getHtml () {
   let h1 = `
     <h1>
       这是一个h1元素内容
     </h1>
   `
   return h1
 }

结果：

通过表达式拼接对象属性

使用 ${} 表达式可以直接拼接对象属性的值：

let user = {
  name: 'abc'
}
let str = `
  用户名称为：
  ${user.name}
`
console.log(str)

结果：

通过表达式拼接方法返回值

对于方法同理，我们也可以使用 ${}

getData () {
  return 123
},
demo () {
  let str = `
    用户名称为：
    ${this.getData()}
  `
  console.log(str)
}

结果：