插值语法
功能： 用于解析标签体内容
写法： {{XXX}} XXX是js表达式，可以直接读取到data中的所有属性
<body>
<div id="root">
<h1>插值语法</h1>
<h3>你好，{{name}}</h3>
<hr>
</div>
<script>
Vue.config.productionTip = false;
new Vue({
el :"#root",
data:{
name :"张三"
}
})
</script>
</body>
指令语法：
功能：用于解析标签（包括：标签属性，标签体内容，绑定事件。。。。）
举例： v-bind:href:"XXX" 简写 :href="XXX" XXX同样要写JS表达式，且可以直接读到data中的所有属性
当然还有很多指令，不止这么点
<body>
<div id="root">
<h1>指令语法</h1>
<a v-bind:href="adress.url1">百度</a>
<a :href="adress.url2">淘宝</a><!-- : 是v-bind:的简写 -->
</div>
<script>
Vue.config.productionTip = false;
new Vue({
el :"#root",
data:{
adress:{
url1:"www.baidu.com",
url2:"www.taobao.com"
}
}
})
</script>
</body>
