Vue入門

Vue是一個MVVM（Model / View / ViewModel）的前端框架，相對于Angular來說簡單、易學上手快，近兩年也也別流行，發展速度較快，已經超越Angular了。比較適用于移動端，輕量級的框架，文件小，運行速度快。最近，閑來無事，所以學習一下Vue這個流行的框架，以備后用。

一、指令

1. v-model 多用于表單元素實現雙向數據綁定（同angular中的ng-model）
2. v-for 格式： v-for="字段名 in(of) 數組json" 循環數組或json(同angular中的ng-repeat),需要注意從vue2開始取消了$index
3. v-show 顯示內容 （同angular中的ng-show）
4. v-hide 隱藏內容（同angular中的ng-hide）
5. v-if 顯示與隱藏 （dom元素的刪除添加 同angular中的ng-if 默認值為false）
6. v-else-if 必須和v-if連用
7. v-else 必須和v-if連用 不能單獨使用 否則報錯 模板編譯錯誤
8. v-bind 動態綁定 作用： 及時對頁面的數據進行更改
9. v-on:click 給標簽綁定函數，可以縮寫為@，例如綁定一個點擊函數 函數必須寫在methods里面
10. v-text 解析文本
11. v-html 解析html標簽
12. v-bind:class 三種綁定方法 1、對象型 '{red:isred}' 2、三元型 'isred?"red":"blue"' 3、數組型 '[{red:"isred"},{blue:"isblue"}]'
13. v-once 進入頁面時 只渲染一次 不在進行渲染
14. v-cloak 防止閃爍
15. v-pre 把標簽內部的元素原位輸出
    

二、基本組件屬性

new Vue({ el,     // 要綁定的 DOM element template,  // 要解析的模板，可以是 #id, HTML 或某

主站蜘蛛池模板：
陈巴尔虎旗|
奇台县|
浙江省|
乌什县|
饶阳县|
依兰县|
临沂市|
玉山县|
彰化县|
南昌县|
黄冈市|
白玉县|
房山区|
连州市|
深州市|
谢通门县|
桦甸市|
图木舒克市|
谢通门县|
沁阳市|
靖安县|
阳山县|
宜春市|
三穗县|
镇坪县|
建宁县|
新河县|
四平市|
上虞市|
日土县|
和硕县|
仁化县|
寿宁县|
新野县|
邳州市|
乌兰县|
新巴尔虎右旗|
石棉县|
岫岩|
临漳县|
农安县|