Vue 知識點總結

2021-08-20 21:07:37 字數 788 閱讀 7735

1. mvvm? 對比mvc

mvvm(model-view-viewmodel): 

model: 資料模型,可以定義資料修改和操作的業務邏輯

view: ui元件,將資料元件轉換成ui展示

viewmodel: 同步view和model的物件

view和model沒有直接的聯絡,通過viewmodel進行互動, viewmodel通過雙向資料繫結把view層和model層聯絡起來,view和model的同步完全自動,開發人員只需關心業務邏輯,不用手動更新dom元素,

也不用關注資料狀態的同步,複雜的資料狀態完全由mvvm管理

2. 生命週期

建立前後(beforecreated/created):beforecreated階段,vue例項掛在元素

此階段el和data都是undefined,未初始化,created階段,vue例項的資料物件data就有了,但是el還沒有

載入前後(beforemounted/mounted): beforemounted階段,vue例項的$el和data都已經初始化,但還是掛載之前的虛擬dom節點,data.message還未替換,

mounted階段,掛載例項完成,data.message成功渲染

更新前後,data發生變化時,會觸發beforeupdate和updated方法

銷毀前後,在執行destroy方法後,對data的改變不會再觸發生命週期函式,此時vue例項已經解除事件監聽及dom的繫結,但dom結構依然存在

3. 父子間通訊

Vue知識點總結

框架與庫的區別 jquery庫 dom操作 http請求 全家桶 如何起步 插值表示式 常用指令 全域性元件 場景 公共性功能元件,減少冗餘 全域性api vue.component 元件名 元件物件 過濾器 給資料的顯示進行操作,如反轉,改變屬性等 filter 全域性過濾器,vue.filter...

Vue知識點總結

近期幾天學習了vue,所以在這裡把零碎的知識點稍微總結一下 一.vue開發步驟 1.匯入vue.js檔案 2.編寫html 3.建立vue示例,傳入乙個json物件.二.vuejs特點 angular特點 基於mvvm,資料繫結,依賴注入 三.此json物件的屬性 el 選擇器 表示vue的控制範圍...

vue知識點總結

1 vue特點 資料雙向繫結和元件化 2 說一下vue的資料雙向繫結的原理 v model v model 是語法糖,包含兩個指令 v bind v on。用於資料雙向繫結,一般用於輸入框,他監聽著input事件,他繫結了value的屬性。注 具體回覆vue實現資料雙向繫結主要是 採用資料劫持結合發...