vue基礎理論

(2).前端框架與庫的區別?

kfc的世界裡,庫就是乙個小**, 框架就是全家桶

**上的不同

(3).vue起步

vue的檔案介紹

(4).插值表示式

注意：必能直接寫語句

可以用於頁面中簡單粗暴的除錯

注意: 必須在data這個函式中返回的物件中宣告

比如在angular中以ng-***開頭的就叫做指令

在vue中以v-***開頭的就叫做指令

指令中封裝了一些dom行為, 結合屬性作為乙個暗號, 暗號有對應的值,根據不同的值，框架會進行相關dom操作的繫結

(6).vue中常用的v-指令演示

v-text 只能用在雙標籤中 v-text 其實就是給元素的innertext賦值 v-html 其實就是給元素的innerhtml賦值 v-if 如果值為false ,會留下乙個作為標記，萬一未來v- if的值是true了，就在這裡插入元素如果有if和else就不需要單獨留坑了如果全用上 v- if 相鄰v- else -if 相鄰 v- else 否則 v- else -if可以不用 v-if和v- else -if都有等於對應的值，而v- else直接寫 v-if家族都是對元素進行插入和移除的操作 v-show是顯示與否的問題注意: 指令其實就是利用屬性作為識別符號,簡化dom操作, 看：v-model= "***" v-model 代表要做什麼 ***代表針對的js記憶體物件

寫在那個元素上，就對哪個元素操作

(7).v-if和v-show的區別 (官網解釋)

v-if是「真正」的條件渲染，因為它會確保在切換過程中條件塊內的事件***和子元件適當地被銷毀和重建。

v-if也是惰性的：如果在初始渲染時條件為假，則什麼也不做——直到條件第一次變為真時，才會開始渲染條件塊。

相比之下，v-show就簡單得多——不管初始條件是什麼，元素總是會被渲染，並且只是簡單地基於 css 進行切換。

一般來說，v-if有更高的切換開銷，而v-show有更高的初始渲染開銷。因此，如果需要非常頻繁地切換，則使用v-show較好；如果在執行時條件很少改變，則使用v-if較好。

(8).v-bind使用

語法在元素上v-bind:屬性名="常量||變數名"

簡寫形式:屬性名="變數名"

v-bind:原屬性名
="變數"
>
div>
:屬性名
="變數"
>
div>

數單項繫結：由資料去操作檢視，資料發生變化；導致檢視發生變化

(9).v-on的使用

1-9知識點階段總結

更便捷的操作dom及資料 v-***指令

(10).v-model

(11).v-bind 和 v-model 的區別?

input :value="name"

v-model: 其的改變影響其他 v-bind: 其的改變不影響其他

v-bind就是對屬性的簡單賦值,當記憶體中值改變，還是會觸發重新渲染

(12).v-for的使用

各中v-for的屬性順序(了解)

漂亮的列表

關於物件內的this

(13).區域性元件的使用

渲染元件-父使用子元件

2: 在父元件中宣告,根屬性components:—>將模掛載到元件上

3: 在父元件要用的地方使用《元件名》


總結: 有父，聲子，掛子，用子
父子元件傳值(父傳子)
總結:父傳,子宣告,就是子的了
小補充: 常量傳遞直接用，變數傳遞加冒號
總結父傳子
註冊全域性元件
附加功能:過濾器&監視改動
先註冊,後使用

元件內filters:最終fn內通過return產出最終的資料

使用方式是}需求

過濾器fn:

watch 監視單個

computed 監視多個

模組化es6模組

箭頭函式和function

es6函式簡寫

fn3()
,

key

v-for
="(item,index) in persons"
:key
="index"
>
son>

slot

元件生命週期

元件快取

成對比較

mounted 和 beforemount

updated 和 beforeupdate

頻繁銷毀建立的元件使用內建元件包裹

activated()
,deactivated()
,beforedestroy()
,destroyed()
,

獲取dom元素

ref在dom上獲取的是原生dom物件

ref在元件上獲取的是元件物件

vue基礎理論

基礎理論（四）

lvs基礎理論

lvs基礎理論

vue基礎理論

基礎理論（四）

lvs基礎理論

lvs基礎理論

相關推薦