一、入門概念
1.數據雙向綁定
input數據入口<=數據倉庫=>view數據出口，數據發生改變時頁面實時改變。
2.vue中定義的指令叫做指令（directive），可以自定義
///v-model=""：用來指定當前的值的指向（可以直接填data裏面的變量名）
///v-show=""：如果值存在則顯示，不存在不現實此標籤內容
///v-if=""：如果值不存在則從dom中刪除
///迭代字符串：v-for="變量名 in 變量組名":用於迭代的指令，使用時爲{{變量名}}，在data中用數組表示：變量組名:['a','b']
///迭代對象組成的數組：
eg：foodlist:[{name:'name1',age:'18'}{name:'name2',age:'20'}] ,訪問時使用’自定義變量名.元素名‘即可
///在瀏覽器中的console控制檯可以直接push進數據,eg:id名.變量組名.push({ 'name':'12' , 'age':'13' })
///v-bind:綁定數據和元素屬性，eg：v-bind:屬性名:'變量名'；或者： v-bind：屬性名="{鍵（添加的類）：值（添加的條件，true，false等）}"
v-bind可省略寫爲：【：class="變量名"】
///v-on：綁定事件。eg：v-on：事件名=“事件觸發的方法”，方法在js中methods中定義；
可以綁定多個事件{ 事件名=“事件觸發的方法”，事件名=“事件觸發的方法”}
form表單提交時會默認整頁刷新跳轉至目標頁面，設置不刷新解決辦法：將事件傳入方法中，再使用事件對象.preventDefault;或直接v-on：submit.prevent="func"
submit.stop="fun",停止冒泡事件；
keyup.enter="",回車事件，可以寫成【@keyup.enter="fun"】
///v-model，更安全的數據雙向綁定，有其他屬性可用：
v-model.lazy="" 【惰性更新】