元件例項定義方式,注意:一定要使用props
屬性來定義父元件傳遞過來的資料
使用v-bind
或簡化指令,將資料傳遞到子元件中:
原理:父元件將方法的引用,傳遞到子元件內部,子元件在內部呼叫父元件傳遞過來的方法,同時把要傳送給父元件的資料,在呼叫方法的時候當作引數傳遞進去;
父元件將方法的引用傳遞給子元件,其中,getmsg
是父元件中methods
中定義的方法名稱,func
是子元件呼叫傳遞過來方法時候的方法名稱
子元件內部通過
this.$emit('方法名', 要傳遞的資料)
方式,來呼叫父元件中的方法,同時把資料傳遞給父元件使用 vue學習筆記 vue元件
元件 是頁面的一部分,將介面切分成部分,每部分稱為 元件 定義乙個全域性的元件,元件支援 駝峰命名 規則 vue.component todoitem 迴圈遍歷 list 每一次遍歷都把值給 item item 再通過 v bind 把值傳遞給 content compoent 通過 props 獲...
vue學習筆記3 元件
1 元件命名 a.全小寫加連線符 vue.component my component name 當使用 kebab case 短橫線分隔命名 定義乙個元件時,你也必須在引用這個自定義元素時使用 kebab case,例如。b 駝峰式 vue.component mycomponentname 當使...
Vue學習筆記 七 元件
在正式開始講解元件之前,我們先來看乙個簡單的例子 下面我們詳細解讀一下上面這份 vue.component button counter template times 我們首先通過全域性方法vue.component 建立了乙個名為 button counter 的全域性元件 該方法的第乙個引數是元...