vue模板语法介绍以下三种：
文本插值
文本需要写在两对花括号之间。当然这里其实不止可以写单个变量，还可以写组合表达式，例如{{text + new Date()}}。
所有在构造Vue实例是传入的数据都是可响应的，也就是说只要数据发生改变，那么视图的数据也会发生改变。如果希望数据不发生改变，需要使用v-once指令。所有v-开头的都是Vue独有的指令，这些指令将在后面介绍。
HTML插值
有时候需要操作原始HTML，Vue也提供了支持。要插入的HTML代码需要使用v-html指令来指定，这个指令会将它所在的HTML代码块整个替换为要插入的HTML块。由于可能导致XSS攻击，所以最好不要随便替换HTML块。另外要替换HTML块的话只能使用v-html指令，如果使用前面的文本插值的话，插入的只是一段文本。
属性
文本插值只能插入文本，如果需要设置和修改HTML属性的话，需要使用v-bind指令。
下面是一个简单的例子，将它复制到前面的HTML文件中即可看到效果。
<h1>模板语法</h1>
<div id="s2">
<button v-on:click='changeText'>修改文本</button>
<p>文本：{{text}}</p>
<p>组合表达式：</p>
<p v-once>只渲染一次的文本:{{text}}</p>
<p>HTML代码：<span v-html="html"></span></p>
<p>属性:
<button v-bind:disabled="disabled">禁用按钮</button>
</p>
</div>
<script>
let vm2 = new Vue({
el: '#s2',
data: {
text: 1,
html: '<del>666</del>',
disabled: true
},
methods: {
changeText: function (event) {
this.text += 1
}
}
})
</script>
来千语创想学习更多免费APP开发知识：app软件开发 app开发源码下载 app开发视频教程 app制作模板等免费获取。
立即免费在线制作一个APP，新手注册即送开发大礼包
