vue單一事件中心管理元件通訊

2021-08-30 11:10:49 字數 458 閱讀 3722

vue傳遞資料有很懂中方法,元件之間傳參,可以建乙個父級,把元件資訊傳給父級,然後再用props繼承過來,這是props傳遞。

今天說的是單一事件管理通訊,這個可以簡單解決傳參問題

做這個我們首先得準備乙個空的例項物件,為什麼要準備,因為準備了空物件就之後,這個空物件上就會掛上各種方法,什麼$on啊,$emit啊 ,這個空物件一定要是全域性的,為什麼,因為每個元件都要訪問,所以首先全域性定義乙個空的例項物件,基本的語法格式如下:

var event=new vue();

event.$emit(事件名稱, 資料)

event.$on(事件名稱,function(data).bind(this));//在這個裡面this指向會發生變化,要麼bind一下,要麼用_this代替this來重定向

例項**為:

Vue元件間相互通訊(一)

父元件向子元件傳值 流程 1 父元件中引入子元件 2 在父元件中通過v bind繫結屬性 3 子元件中通過props獲取到父元件傳遞的值 父元件 father id text v model fathermsg 這裡是父元件 h3 fathermsg children 註冊children子元件 v...

VUE基礎(一)父子元件通訊

1.新建檔案father.vue和children.vue放在同意目錄下 1.father.vue的 fater h1 h2 ftocvalue ref child pfunc pfunc children div template import children from children exp...

Vue(一)父子元件之間的通訊

最近入門學習vue框架,備註下一些基本的要點,從父子元件之間的通訊開始。實現父元件向子元件傳值需要在子元件物件屬性中新增props。目前所知曉的子元件向父元件傳值有兩種方法,emit和 parent方法 子元件通過 emit傳值給父元件 子元件通過 parent傳值給父元件 父元件呼叫子元件的方法通...