Vue中的模板语法
插值语法
插值语法就是由{{}}组成，用于解析标签体的内容，相关代码见上一节搭建Vue环境
指令语法
指令语法则是用于解析标签（包括标签属性、标签体内容、绑定事件...），举例：v-bind，v-if...，v-bind:可以简写为:。
插值语法和指令语法对比
直接上代码：
<body>
<div id="app">
<h1>{{message}}</h1>
<h2>{{say}}</h2>
<h1>{{message1}}</h1>
<a v-bind:href="url">点我去百度咯~</a>
<a :href="url2">点我去搜狗咯~</a>
</div>
</body>
<script>
new Vue({
el:'#app',
data:{
message:'插值语法',
message1:'指令语法',
say:"你好，Vue",
url:"http://www.baidu.com",
url2:"http://www.sogo.com"
}
})
</script>
运行效果如图所示：
总结
Vue中的模板语法分为插值语法和指令语法两种语法，其中，插值语法用于解析标签体中的内容，例如
<h1></h1>标签中的文字内容，而指令语法则用于解析标签，如标签中的属性，上面代码中<a></a>标签的href属性，使用v-bind或:来绑定href属性的值。
