與Vue相關的知識點

2021-10-07 07:37:33 字數 1122 閱讀 1455

1:vue是漸進式框架

2:vue.js的兩個核心是什麼?

資料驅動:資料的改變會驅動檢視的自動更新,傳統的做法是需要手動改變dom來是的檢視更新,而vue只需要改變資料

元件化:元件化開發,可以很好的降低資料之間的耦合度,將常用的**封裝成元件之後,就能高度復用,提高**的可重用性。

3:v-if 於v-show有什麼區別:

相同點:利用真假切換元素的隱藏或者顯示

不同點:實現的方式,v-if是根據後面資料的真假判斷直接從dom樹上刪除或重建元素節點,v-show只是在修改元素的css樣式,元素始終在dom樹上。

效能消耗:v-if具有更高的切換消耗,不適合做頻繁的切換,v-show又跟高的初始渲染消耗,適合做頻繁的切換

4.v-for比v-if的優先順序高

5.vue生命週期函式鉤子函式有哪些?

總共分為8個階段,建立前/後,載入前/後,更新前/後,銷毀前/後

建立前/後:在beforecreated階段,vue例項的掛載元素el,

和資料對

象dat

a都為u

ndef

ined

,在cr

eate

d階段,

vue實

例的資料

物件da

ta有了

,el,和資料物件data都為undefined,在created階段,vue例項的資料物件data有了,

el,和資料

物件da

ta都為

unde

fine

d,在c

reat

ed階段

,vue

例項的數

據物件d

ata有

了,el還沒有

載入前/後:在beforemount階段,vue例項的$el和打他都初始化了,在mounted階段,vue例項掛載完成,datamessage成功渲染

更新前/後:data變化時,會觸發beforeupdata,和updated方法

銷毀前/後

在執行destory()方法後,data的改變不會再觸發週期函式,說明此事vue例項已經解除了事件監聽以及和dom的繫結,但dom結構依然存在

6.

vue相關知識點

breforcreate 建立前 在vue被建立前el和data都沒有被初始化,沒有methods,data,computed等方法 created 建立後 在vue被建立後,這裡可以呼叫methods方法來改變data的值,獲取computed,寫一些非同步的網路請求,因為這個時候data已經通過...

三 vue元件相關知識點

1 父vue中component 即子vue 引入 2 從父vue中向component 即子vue 內傳值 3 在父vue中呼叫子vue中的方法 父vue的html中 將ids繫結在子元件 的string上 父js 子vue中 這個結構看著有點亂,其實裡面包含了三個知識點 1 父vue中compo...

Vue中元件相關知識點

一 元件知識點 1.定義 何為元件,簡單來說,元件就是一組html標籤的集合,有點類似於模組,不過模組是基於不同的業務邏輯來劃分的,而元件則是基於頁面不同區域來劃分的。元件中允許有多個標籤,但只允許乙個根標籤。元件的產生同樣也增強了 的復用性。2.建立方式 建立元件例項可以有多種方式,這裡主要講解其...