Vue 元件溝通 - HINA::工程幼稚園

[IT 鐵人賽] Vue App 的溝通方式 Day 15

鐵人賽至今也過半了，所以為了慶祝一下，我們最後來講講各種 Vue App 之間的溝通方法。扣除掉你可能是使用 Webpack 來封裝你的 App 之外，我們也會提及在不同的封裝之間，我們的 App 要如何來進行溝通。 App 與 App 我們之前有提過 new Vue 之間的一些狀況， new Vue v.s new Vue Day 7 當我們在同一個封裝過程中，這兩個 App

Vue 元件溝通

[IT 鐵人賽] Component 的溝通方式 :props Day 14

這裡拿 :props 來回鍋複習一下，也順帶的，我們會提及一些關於事件溝通的方式。或者說反過來，講事件溝通，然後順帶提一下 :props 也可以。元件溝通其實一直都是各種框架裡面比較麻煩的事情，昨天提到的 Vuex 其實算是偷吃步，元件之間在沒有狀態管理機制的情況下，多數還是仰賴事件傳播為主。只是，當元件趨於複雜，事件傳播就相對惱人。 props 之前在提及元件的時候有提到這個屬性，如果忘記的人可以再回去看一下： Component 基本入門 Day 2 當我們需要將資料傳遞給元件的時候，我們可以利用 props 來達成這件事情，當然請記得，他是屬於單向綁定的，如果需要雙向資料溝通，

Vuex

[IT 鐵人賽] Component 的溝通方式 Vuex Day 13

我們會把 Vuex 放的比較前面，是因為既然使用了狀態管理機制，那麼，用他來跟各種元件溝通，是比較方便的一件事情。然後，我拖了那麼久才講到元件溝通好像有點奇怪，也是啦，其實我本來就不是很喜歡溝通（欸不對）。是說，溝通只是 Vuex 附加的好處而已其實。元件交換資料我們之前有提過元件之間的資料交換，也提過 Vuex 的基本應用： Component 基本入門 Day 2 Vuex 基本入門 Day 8 之前說過 Vuex 是幫我們做狀態管理的，所以說我們拿來做元件交換資料也是很適切的事情。