Vue元件之間的通訊

2022-07-25 09:36:08 字數 583 閱讀 7262

1,父元件向子元件傳參

i am a 'a'component

prop 是你可以在元件上註冊的一些自定義特性。當乙個值傳遞給乙個 prop 特性的時候,它就變成了那個元件例項的乙個屬性。

}

}click me

2,子元件向父元件傳遞訊息

方法一:利用自定義事件 on和emit

在父元件中自定義函式v-on:child-tell-me="listentomyboy"

在子元件中觸發定義的事件this.$emit("child-tell-me", this.msg), msg就是子元件傳遞的資訊

在父元件實現之前定義的方法『listentomyboy』

//

父元件i am a 'a'component

child component b tells me: }

//子元件}}

click me

如果是跨多層父子元件通訊的話,$emit並沒有什麼用。

vue元件之間通訊

個人blog,歡迎關注加收藏 元件之間通訊的幾種方式 1.父向子傳資料 props 2.子向父傳資料 emit 3.兄弟元件傳資料 a.事件匯流排 bus 在父元件的data中bus new vue 建立 事件匯流排 b.傳遞資料 this.roo t.bu s.root.bus.root.b us...

Vue元件之間通訊

vue元件傳值有以下幾種情況 父元件向子元件傳值 子元件向父元件傳值 兄弟元件之間傳值等 一 父元件向子元件傳值 傳值方式 props 動態傳遞值 子元件son 靜態傳值 父元件 子元件 son 1 prop的大小寫 html中的attribute名對大小寫不敏感,所以prop中的駝峰值需要等價於短...

vue元件之間的通訊

區域性元件 區域性元件必須手動掛載,不然無法生效。全劇元件 全域性元件不需要手動掛載,但不常用,盡量不要在全域性上掛載變數或者元件 影響瀏覽器效能 配合模板實現元件之間的巢狀。元件是vue.js最強大的功能之一,核心目標是擴充套件htnl元素,封裝可重用 元件可按照template,style,sc...