ES6 模板字符串用法

ES6 模板字符串用法解决字符串拼接问题使用模板字符串,可以省去‘+’拼接的操作,反引号“之间的视为一个整体view:<pv-html=”getHtml()”></p>method:getHtml(){leth1=`<h1>这是一个h1元素内容</h1>`returnh1}结果:通过表达式拼接对象属性使用${}表达式可以直接拼接对象属性的值:letuser={

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

解决字符串拼接问题

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

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.net/171835.html原文链接:https://javaforall.net

(0)
上一篇 2022年8月21日 上午8:00
下一篇 2022年8月21日 上午8:00


相关推荐

  • Qtime定义(手工废物利用简单好看)

    QTime::QTime()默认构造函数,构造一个时,分,秒都为0的时间,如00:00:00.000(午夜)QTime::QTime(inth,intm,ints=0,intms=0)构造一个用户指定时,分,秒的时间.其参数有效值为:h:0–23m:0–59ms:0–999QTimeQTime::addMSecs(intms)const返回一个当前时间对象之后或之前m…

    2022年4月10日
    53
  • matlab 加权回归估计_matlab代码:地理加权回归(GWR)示例

    matlab 加权回归估计_matlab代码:地理加权回归(GWR)示例【实例简介】地理加权回归(GWR)matlab代码,亲测可用,该代码利用matlab实现了地理加权回归的代码,内附实际算例。【实例截图】【核心代码】functionresult=gwr(y,x,east,north,info);%PURPOSE:computegeographicallyweightedregression%—————————–…

    2022年10月6日
    4
  • 破14亿,Python分析我国存在哪些人口危机!「建议收藏」

    破14亿,Python分析我国存在哪些人口危机!「建议收藏」一、背景二、爬取数据三、数据分析1、总人口2、男女人口比例3、人口城镇化4、人口增长率5、人口老化(抚养比)6、各省人口7、世界人口四、遇到的问题遇到的问题1、数据分页,需要获取从1949-2018年数据,观察到有近20年参数:LAST20,由此推测获取近70年的参数可设置为:LAST702、2019年数据没有放上去,可以手动添加上去3、将数据进行行列转换4、列名…

    2022年5月13日
    36
  • idea2019离线安装lombok插件_flash插件最新版下载 官方

    idea2019离线安装lombok插件_flash插件最新版下载 官方最新版ideaLombok插件安装

    2025年9月3日
    12
  • 你的礼物

    你的礼物你的礼物

    2022年4月23日
    39
  • C/C++ 经典面试题(一)之常考概念【持续更新】

    C/C++ 经典面试题(一)之常考概念【持续更新】题目 1 引用和指针有什么区别 解答 1 定义一个指针变量编译器会为它分配内存 而引用不占用任何内存 2 引用必须在定义时被初始化 指针不必 3 不存在指向空值的引用 但存在指向空值的指针 题目 2 函数参数传递中值传递 地址传递 引用传递有什么区别 解答 1 值传递 会为形参重新分配内存空间 将实参的值拷贝给形参 形参的值不会影响实参的值 函数调用结束后

    2026年3月16日
    2

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号