首页 > 编程知识 正文

vue 模板字符串

时间:2023-05-04 05:10:23 阅读:180101 作者:2212

模板字符串

在传统的JavaScript语言中,输出模板通常是这样写的。

1$ () #result ) ).append (

2 'There are ' basket.count ' '

3 'items in your basket,'

4 '' basket.onSale

5 ' are on sale!'

6 );

上面的写法相当繁杂,不方便。 ES6引入了模板字符串解决了这个问题。

1$((#result ) ).append `

2 There are ${basket.count} items

3 in your basket,${basket.onSale}

4 are on sale!

(五);

模板字符串(template string )是扩展版本的字符串,由反引号(`)标识。 可以用作普通字符串,可以定义多行字符串,也可以在字符串中嵌入变量

//普通字符串

` In JavaScript 'n' is a line-feed.`

//多行字符串

` In JavaScript this is

not legal.`

console.log (字符串文本1 )

字符串文本行2 `;

//在字符串中嵌入变量

let name='Bob ',time='today ';

` Hello ${name},how are you ${time}? `

上面代码中的所有模板字符串都用反引号表示。 如果需要在模板字符串中使用反引号,请在前面使用反斜杠转义。

let greeting=``Yo` World! `;

输入结果。 ` Yo` World!

如果使用模板字符串表示多行字符串,则输出中将保留所有空格和缩进。

$'#list'(.html ) `

第一次密码`;

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。