ITHome

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

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

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

我們會把 Vuex 放的比較前面,是因為既然使用了狀態管理機制,那麼,用他來跟各種元件溝通,是比較方便的一件事情。然後,我拖了那麼久才講到元件溝通好像有點奇怪,也是啦,其實我本來就不是很喜歡溝通(欸不對)。 是說,溝通只是 Vuex 附加的好處而已其實。 -------------------------------------------------------------------------------- 元件交換資料 我們之前有提過元件之間的資料交換,也提過 Vuex 的基本應用: * Component 基本入門 Day 2 [https://blog.hinablue.me/2019-ithome-ironman-day-2/] * Vuex 基本入門

[IT 鐵人賽] 薛丁格的生命週期 Day 12

是的,這個篇幅會用來聊一下生命週期當中,比較奇怪的事情。薛丁格 [https://zh.wikipedia.org/wiki/%E8%96%9B%E5%AE%9A%E8%B0%94%E7%8C%AB] 我就不解釋了,程式執行其實並沒有像是量子力學的那種疊加狀態,只是,當 Vue 的元件趨於複雜,再搭配上 Vue Router 的時候,你的某些生命週期中的勾子,就會有你所不知道的狀態。

[IT 鐵人賽] Router 與生命週期 Day 11

我在先前的篇幅當中,有提到生命週期與路由的關係。我們這一個篇章,就將路由與生命週期之間的事情,做一個全面性的剖析。如果你之前有稍稍稍稍微留意我的部落格,應該會看過我曾經碎念過 Router 與生命週期之間的事情。 > 重新檢視 lifecycle 與 vue-router [https://blog.hinablue.me/vuejs-zhong-xin-jian-shi-lifecycle-yu-vue-router/] 關於 vue-router 外面的兩三事 [https://blog.hinablue.me/vuejs-guan-yu-vue-router-wai-mian-de-liang-san-shi/] VueJS 快速入門 Day 1 [https://blog.hinablue.

[IT 鐵人賽] Router 進階應用 Day 10

聊完了基礎的路由功能後,我們接著來看看關於路由的進階應用方式。你放心,前陣子一直提到的動態元件載入,這邊一樣會出現,所以先給各位打個預防針。不過,如果你真的看膩了什麼動態載入的事情,那麼你想要跳過我也是欣然接受。 何況,進來就進來,出去就出去, 哪有人一直動態載入的啦。 -------------------------------------------------------------------------------- 路由守衛方法( Guards Methods ) > Navigation Guards [https://router.vuejs.org/guide/advanced/navigation-guards.html] 在 Router 當中提供了幾種所謂的路由守衛方法: 其實我覺得叫路由防衛比較好(聽起來超中二的) * beforeEach