1,双大括号语法
a.双大括号输出文本内容
b.js表达式
案例源码
<body>
<div id="app">
<h3>1.{
{}}双大括号输出文本内容</h3>
<p>{
{msg}}</p>
<h3>2.可以使用JS表达式,进行运算</h3>
<p>{
{sorce+2}}</p>
</div>
</body>
<script>
new Vue({
el:'#app',
data:{
msg:'test',
sorce:1000
}
})
</script>
2,v-once一次性插值
通过使用 v-once指令,只能执行一次插值,当数据再次改变时,插值处的内容不会更新。