Vue漸進式框架開發
阿新 • • 發佈：2019-02-16
Vue漸進式框架開發
一、 Vue基礎
1.1 什麼是vuejs
Vuejs是一個用於構建互動式web介面的庫。並提供了雙向資料繫結功能和一個可組合的元件系統。
1.2 Vue的特點
① 使用簡潔,只需HTML模板加上JSON資料，再建立一個Vue例項即可。
② 自動追蹤依賴的模板表示式和計算屬性。
③ 24kb輕量級的執行時庫。
④ 精確有效的非同步批量DOM更新。
⑤ 解耦可復用的元件來構建介面。
二、 Vue的使用方式
圖 2-1 vue例項的一般結構
三、vue指令
指令名稱 | 作用 |
v-text | 更新元素的文字內容 |
v-html | 更新元素的Innerhtml |
v-show | 顯示或隱藏元素 |
v-if | 條件顯示 |
v-else | 條件顯示 |
v-else-if | 條件顯示 |
v-for | 多次渲染函式或模板 |
v-on | 繫結事件監聽器 |
v-bind | 動態的繫結一個或多個特性到表示式 |
v-model | 在表單控制元件或元件上建立雙向繫結 |
v-pre | 跳過此節點和子節點的額編譯過程 |
v-cloak | 隱藏未變異的額Mustache標籤，直到例項準備完畢 |
v-once | 只渲染元素或元件一次，之後不再更新 |
三、 特殊特性
Key 用於vue的虛擬DOM演算法。
Ref 給元素或元件註冊引用資訊。
四、 元件
注意不要把模板放在Vue的元素內部