vue.js 字符串模板
2020-05-29 本文已影响0人
阿飞666666
（一）字符串模板
1.字符串需要用一对反引号包裹起来，它可以定义多行字符串，只用一对反括号
2.要拼进去的数据需要放在${}里面
3.大括号里面还可以进行运算
4.大括号里面可以调用函数
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<!---字符串模板的使用--->
<article id = article>
<h1></h1>
<p></p>
</article>
<script type="text/jscript">
'use strict' //严格模式
let obj ={
title : '少女心酸日志',
content:'今天吃了酸菜，太酸了'
}
let articleElement = document.getElementById('article')
///以前添加内容的方式 innerHTML 字符串拼接
// articleElement.innerHTML = '<h1>'+obj.title+'</h1><p>'+obj.content+'</p>'
// 现在使用字符串模板
articleElement.innerHTML = '<h1> ${obj.title} </h1> <p> ${obj.content} </p>'
</script>
</body>
</html>
