vue元件筆記

2021-08-19 13:45:58 字數 403 閱讀 9331

元件

使用元件

區域性註冊

對於一些預設包含的標籤 可以這樣使用模板

prop 用於傳遞資料

傳遞引數要傳遞真正的number,需要用到v-bind 加了v-bind會將值解析為js表示式 從而傳入的number,否則為number。

將props傳入的值進行修改

props驗證

vue.component('example', ,

// 數字,有預設值

propd: ,

// 陣列/物件的預設值應當由乙個工廠函式返回

prope: }},

// 自定義驗證函式 ? 有什麼用

propf:

}}})

子元素傳遞資料到父元件

vue學習筆記 vue元件

元件 是頁面的一部分,將介面切分成部分,每部分稱為 元件 定義乙個全域性的元件,元件支援 駝峰命名 規則 vue.component todoitem 迴圈遍歷 list 每一次遍歷都把值給 item item 再通過 v bind 把值傳遞給 content compoent 通過 props 獲...

Vue筆記(六) Vue元件通訊 Vuex

思路 定義子元件的屬性 自定義 父元件賦值給子元件思路 定義子元件的屬性 ref a 父元件通過 this.refs.a.子元件方法 思路 父元件通過 this.children 0 子元件方法 思路 父元件在元件的生命週期 mounted 用 on定義事件,子元件用this.parent.emit...

Vue筆記(六) Vue元件通訊 Vuex

思路 定義子元件的屬性 自定義 父元件賦值給子元件思路 定義子元件的屬性 ref a 父元件通過 this.refs.a.子元件方法 思路 父元件通過 this.children 0 子元件方法 思路 父元件在元件的生命週期 mounted 用 on定義事件,子元件用this.parent.emit...