vue元件通訊適合使用的各種技術

2021-10-24 16:30:06 字數 642 閱讀 4610

父子通訊:

父向子傳遞資料是通過props,子向父是通過events(emi

t);通

過父鏈/

子鏈也可

以通訊(

emit);通過父鏈/子鏈也可以通訊 (

emit);

通過父鏈

/子鏈也

可以通訊

(parent/chi

ldre

n);r

ef也可

以訪問組

件例項;

prov

ide/

inje

ctap

i;

children); ref 也可以訪問元件例項;provide/inject api;

childr

en);

ref也

可以訪問

元件例項

;pro

vide

/inj

ecta

pi;attrs/$listeners。

兄弟通訊:

bus;vuex

跨級通訊:

bus;vuex;provide/inject api、att

rs

/attrs/

attrs/

listeners

vue的元件通訊

父元件與子元件傳值 父元件傳給子元件 子元件通過props方法接受資料 父元件 子元件 屬性1 值 屬性2 值 子元件 子元件 屬性 變數 子元件 for item in 屬性1 li export default script 注意 vue是單向資料流,子元件不能修改props中的屬性,但是在父元...

Vue元件通訊中event bus的使用

1.建立乙個bus.js的資料夾,裡面 如下 import vue vue export defulat new vue 2.在傳遞元件中引入bus.js檔案並在相應的位置傳遞變數 import bus from bus.js 引數一 要傳遞的變數名 引數二 要傳遞的變數名所對應的值 bus.emi...

Vue使用 emit on 進行元件通訊

第一步 建立乙個js檔案,引入vue,並返回乙個vue例項 import vue from vue export default new vue 第二步 在main.js中引入這個js檔案,並將其掛在到vue原型上 import tool from assets tool.js vue.protot...