優點:
mvvm的開發模式,從dom中解脫出來,雙向資料繫結;
資料更新採用非同步事件機制;
採用單向資料流;
元件式開發;
採用虛擬dom
支援模板和jsx兩種開發模式;
可以進行服務端渲染;
擴充套件性強,既可以向上又可以向下擴充套件
缺點:不相容ie8以下版本
生態圈不繁榮,開源社群不活躍;
條件渲染:
1、 v-if
2、 template v-if
如果在乙個判斷中要對多個元素進行渲染,則需要配合template標籤;
3、 v-else
4、 v-else-if
多次進行鏈式的使用
5、 key管理可復用的元素:
vue 會盡可能高效地渲染元素,通常會復用已有元素而不是從頭開始渲染
在這裡用key進行元素的唯一標識賦值,降低元素的復用性;
6、 v-if與v-show
v-if 是「真正的」條件渲染,因為它會確保在切換過程中條件塊內的事件***和子元件適當地被銷毀和重建
7、 v-if與v-for一起使用
當 v-if 與 v-for 一起使用時,v-for 具有比 v-if 更高的優先順序;如果想讓v-if優先順序更高,則需要在外套一層標籤;進行v-if的渲染
列表渲染:
陣列:1、 常用寫法:
v-for=」item in items」
v-for=」(item,index) in items」
2、 結合template使用:
帶有 v-for 的 標籤來渲染多個元素塊
物件:1、 常用寫法:
v-for=「value in object」
v-for="(value, key) in object"
v-for="(value, key, index) in object"
元件:元件註冊:
1、 全域性註冊:
全域性註冊需要在根例項初始化前註冊,這樣才能使元件在任意例項中被使用,方式:vue.component(「元件名」,元件)
2、 區域性註冊:
元件只能在被註冊的元件中使用,而無法在其他元件中使用.
vue元件通訊方法總結
3 總結 在vue中,資料處理與傳遞是每個開發者要面對的事情,學習正確使用各種資料處理方式同時,我們可以跟進一步學習資料高效的傳遞方式,以下介紹vue2.x中常用的幾種資料處理用到的方法 常用的資料處理分以下幾種情況 2.1 瀏覽器原生方法 sessoin是瀏覽器原生訪問資料方法,常用於全域性資料的...
Vue簡單介紹以及常用方法總結
vue.js 讀音 vju 類似於 view 是一套構建使用者介面的 漸進式框架。與其他重量級框架不同的是,vue 採用自底向上增量開發的設計。vue 的核心庫只關注檢視層,並且非常容易學習,非常容易與其它庫或已有專案整合。另一方面,vue 完全有能力驅動採用單檔案元件和 vue 生態系統支援的庫開...
Vue路由的兩導航方法總結
一 to裡的值可以是乙個字串路徑,或者乙個描述位址的物件。例如 字串 物件 命名路由 直接路由帶路由引數params,params 不生效,如果提供了 path,params 會被忽略 二 router.push 方法 同樣的規則也適用於router.push 方法。字串 物件 命名路由 直接路由帶...