Vue的模板语法多种写法

Vue的模板语法

在Vue中，{{}}语法属于基础模板语法，往界面上按照普通文本插入文本，还可以再其中插入表达式，比如；

<div id = "app">
    年龄：{{stu.age-10}}
</div>
<!--一般情况下，直接使用{{}}-->
<p>
    信息：{{msg}}
</p>

可以使用多个{{}}来获取数据，但是在一个{{}}中要放多个变量时，不能直接使用","来隔开，要使用模板字符串语法，否则浏览器只会读取最后一个变量的值渲染到页面：

<p>
    姓名：{{stu.name}}，年龄：{{stu.age}}
</p>
<p>
    错误的写法：浏览器只会获取stu.age的值
    {{stu.name,stu.age}}
</p>
<p>
    正确的写法：
    {{`姓名：${stu.name}，年龄：${stu.age}`}}
</p>