2.VUE模板語法
Vue模板語法：
容器里的代碼被稱為“Vue模板”
“模板語法”包括兩大類“插值語法”和“指令語法”
????1.插值語法：
????????功能：用于解析標簽體內(nèi)容
????????寫法：{{xxx}}, xxx是js表達式（可以得到值的js代碼），且可以直接讀取到“data”中的所有屬性
????2.指令語法：
????????功能：用于解析標簽(包括:標簽屬性、標簽體內(nèi)容、綁定事件...)
????????舉例：v-bind:href="xxx" 或簡寫為 :href="xx", xxx同樣要寫js表達式，且可以直接讀取到data中所有屬性
????????備注：Vue中有很多的指令，且形式都是: v-????，?此處用v-bind舉例
<body>
????<!-- 準備好一個容器-->
????<div id = "root">
????????<h1>插值語法</h1>
????????<h3>你好，{{name}}</h3>
????
????????<h1>指令語法</h1>
????????<a v-bind:href = "url" x = "hello">鏈接1</a>
????????<a :href = "ur1" :x =?"hello">鏈接2</a>
????</div>
</body>
<script type="text/javascript">
????new Vue({
????????el: '#root',
????????data: {
????????????name: 'jack',
????????????url: 'http://www.baidu.com',
????????????hello: '你好'
????????}
????})
</script>
標簽：
