Vue元件間的通訊

1、父子元件之間的通訊

a 父 -> 子 （父元件傳遞資料給子元件）

使用props

b 子 -> 父 （在父元件上呼叫子元件內定義的方法）

使用ref

c 子 -> 父 （父元件獲取子元件內的資料）

使用ref

d 子 -> 父 （子元件內觸發事件，父元件監聽事件）

使用$emit

可以把看成是乙個普通的html元素，註冊了dialog-confirm事件，事件響應函式是getselected

e 父 -> 子 （子元件中獲取父元件的資料）

使用$parent

2、非父子元件間的通訊

a event-bus

b vuex

vue元件間通訊

1 父元件向子元件傳遞資料，只需要props就行。設定資料並繫結到元件上。子元件用props接收，就能在元件內部使用獲取到的資料 反向通訊則需要在父級元件上自定義對應的方法，子元件使用 emit呼叫父元件方法，並上傳資料 content date content.vue date.vue 上面這個例...

vue元件間通訊

參考文章 vue父子元件間通訊可以用prop完成，跨級通訊則要用attrs來實現。1.attrs實現跨級通訊 父親元件 father元件 p msg1 p msg1 msg1 msg2 msg2 msg3 msg3 msg4 msg4 title 乙個標題 son1 div template imp...

vue元件間通訊

a元件要傳遞資料給b元件 a元件是有資料的，b元件是需要資料的 vue的各個元件data是不共享的，但是我們有時需要傳遞資料，那麼就可以使用vuex的store，store是乙個物件，裡面有個state，用來儲存多個元件需要使用的資料 我們先定義資料 在store的state中，定義資料 然後 在s...