ES6 模板字符串用法

全栈程序员站长

发布于 2022-09-24 13:24:06

2910

发布于 2022-09-24 13:24:06

大家好，又见面了，我是你们的朋友全栈君。

解决字符串拼接问题

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

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)
}

结果：

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/171835.html原文链接：https://javaforall.cn

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

登录后参与评论

0 条评论

热度