Vue知識點總結

2021-09-06 21:13:16 字數 867 閱讀 9804

框架與庫的區別

jquery庫+dom操作+http請求 = 全家桶

如何起步

插值表示式

常用指令

全域性元件

場景:公共性功能元件,減少冗餘**

全域性api:vue.component(『元件名』,元件物件)

過濾器(給資料的顯示進行操作,如反轉,改變屬性等)

filter:全域性過濾器,vue.filter(『過濾器名』,過濾方式fun)

filters:元件內的過濾器,vue.filters(『過濾器名』,過濾方式fun),使用}

watch

監視單個屬性改變,無法監視複雜型別,因為監視的是物件位址,位址沒有改變,改變的只是屬性

computed

監視多個 object | array

computed:} 使用:}

slot

vue內建的元件,父元件向子元件傳dom結構,而props是動態的資料,如果有選擇性傳遞,就具名插槽,以name來選擇,使用的對應的slot=name值即可

元件生命週期

所有的生命週期鉤子自動繫結 this 上下文到例項中,因此你可以訪問資料,對屬性和方法進行運算。這意味著你不能使用箭頭函式來定義乙個生命週期方法 (例如 created: () => this.fetchtodos())。這是因為箭頭函式繫結了父上下文,因此 this 與你期待的 vue 例項不同,this.fetchtodos 的行為未定義。

獲取dom元素

在元件的dom部分任意標籤寫上ref=「***」,通過元件物件,this.$refs.***獲取到元素

Vue 知識點總結

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

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實現資料雙向繫結主要是 採用資料劫持結合發...