vue方法總結

2021-10-04 06:41:54 字數 1097 閱讀 6055

優點:

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 方法。字串 物件 命名路由 直接路由帶...