vue知識點總結(二)

2021-10-21 17:44:41 字數 620 閱讀 3422

父子通訊(傳遞資料)

vue.component('child',}

`,props:['a']

})

子父聽信需要借助於事件驚醒傳遞:emit()和on
子元件中通過$emit()觸發自定義事件事件,傳遞子元件的資料

在父元件中 通過 $on() 監聽子元件的自定義事件,接受資料

子父通訊的步驟:

vue.component('slidebar', 

},methods:

}})

data:,

methods:

}})

《元件標籤 title='hello'>插槽的作用是分發內容, 用於元件標籤內插入內容, 通過slot標籤分發內容, 用於元件模板內部

插槽的分類

預設插槽(匿名插槽)vue.component('com1', )

hello world

段落

vue.component('com1', )

Vue 知識點總結

1.mvvm?對比mvc mvvm model view viewmodel model 資料模型,可以定義資料修改和操作的業務邏輯 view ui元件,將資料元件轉換成ui展示 viewmodel 同步view和model的物件 view和model沒有直接的聯絡,通過viewmodel進行互動,...

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的控制範圍...