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的元素
內部
vue漸進式框架 路由詳解
重定向規則,一般放在所有路由規則的最後面 重定向使用時 router link使用時 tag span exact active class on 首頁 router link id表示動態路由引數,time支援多個動態路由引數 在路由跳轉時,動態傳遞引數,在detail頁面使用 this.rout...
vue漸進式框架的理解
主張最少,也就是弱主張,他是在vue核心庫 檢視模板引擎 的基礎上,去逐步新增所需要功能 如,元件系統 路由 狀態機等 vue 漸進式 是指先使用vue核心庫,在vue核心庫的基礎上,根據自己需要再去逐漸增加功能。vue的核心的功能,是乙個檢視模板引擎,但這不是說vue就不能成為乙個框架。在宣告式渲...
vue的漸進式框架的理解
開啟vue的官網介紹,第一句就是 vue是一套用於構建使用者介面的漸進式框架 漸進式 這幾個字在剛接觸vue時並沒有很注意到,使用至今,再次開啟官網,這幾個放大突兀的字型確實是讓人疑惑,當然,網上google一下,會有很多資料對於這三個字進行闡述,本文只是乙個自己理解和簡單記錄 看到 漸進式 這三個...