VueJs學習記錄

2021-09-24 01:19:12 字數 912 閱讀 5680

學習vuejs例項宣告週期總共11個流程,對應建立,掛載,更新,銷毀及它們的before和啟用,停用,錯誤捕獲。

學習計算屬性computed,偵聽屬性watch和方法。

計算屬性可替代輕量級方法和偵聽屬性,且計算屬性有快取,提高訪問效率,

但當計算屬性無依賴時,計算屬性將永遠無法更新,而是使用第一次產生的快取,需要注意。

學習vuejs的樣式繫結用法和條件渲染v-show和v-if的區別,

v-if切換開銷大,而v-show初始渲染開銷大,

所以當頁面需頻繁切換使用v-show可減少渲染開銷,

當頁面很少改變使用v-if可減少渲染開銷。

當使用v-for和v-if同時使用在乙個父控制項上時,需要進行優化,

把v-if放在子控制項中判斷,或去掉v-if並在v-for中的資料來源中用計算屬性先進行過濾。

v-for有預設渲染策略,如需對元素進行重排序需用到特殊屬性key。

學習vuejs事件傳遞機制修飾符4種。

capture 用於允許父元素的捕獲事件,因為子父元素同時存在時,事件傳遞型別預設是冒泡事件自下向上,而當父元素中有捕獲事件時,當觸發子元素時會先觸發父元素的事件,再觸發該元素的事件,再觸發冒泡事件。

stop 用於修飾父元素,當冒泡事件傳到該父元素後,觸發該父元素的事件,不會再觸發後面的冒泡事件。修飾觸發元素本身,則不觸發任何冒泡事件。

self 也用於修飾父元素,與stop的區別在於,它不阻止冒泡事件,只用於跳過被修飾的事件,之後的冒泡事件還是會被觸發。修飾觸發元素本身無效。

once 頁面過載後,被修飾的事件只會被觸發一次,但之後的冒泡事件會繼續傳遞。

學習元件復用,屬性data需為函式,不能為物件。

學習動態元件的快取需用元素。

Vuejs 學習教程

vue 例項 構造器 每個 vue.js 應用的起步都是通過建構函式 vue 建立乙個 vue 的根例項 var vm new vue 乙個 vue 例項其實正是乙個 mvvm 模式中所描述的 viewmodel 因此在文件中經常會使用 vm 這個變數名。在例項化 vue 時,需要傳入乙個選項物件,...

vuejs學習標籤1

1 v cloak解決重新整理或者載入出現閃爍 顯示變數 2 v once 也是乙個不需要表示式的指令,作用是定義它的元素或元件只渲染一次,包括元素或 元件的所有子節點。首次渲染後,不再隨資料的變化重新渲染,將被視為靜態內容 3 vue 在渲染元素時,出於效率考慮,會盡可能地復用已有的元素而非重新渲...

VueJs學習入門指引

新產品開發決定要用到vuejs,總結乙個vuejs學習指引。3.按照文件學習vuejs 最重要 vuejs入門最重要的學習資料是官網的學習指引 建議把官方的指引教程的基礎部分看看,這個指引寫的不錯,也比較容易理解,能覆蓋大部分的知識點。vuejs核心是 雙向資料繫結 和 元件 指引教程基本都是圍繞這...