鐵人檔案
去年底剛踏入程式世界，順利從行銷轉職前端，框架一直是想認真深入的課題，雖然斷斷續續學了一點，但都沒有持續，學學忘忘....
所以希望透過這次的鐵人賽挑戰自己30天接觸vue，一個月內學會框架!!!
和兩個朋友組了團，這更激勵了自己要去完成這項挑戰，期待30天後我們的成長。
Navigation Guards有點像是生命週期的概念，變更路由前後時可以先執行一些動作，分別有「全域」、「路由」和「元件」三個Hook可以使用。 befor...
終於到了vuex拉!! Day10時有說之後要來研究，沒想到這一天這麼快就到來，那就進入正題吧。 為什麼需要 Vue.js中最小功能單位是「元件」，當網站擴展管...
結構 主要可以分為四個部分「state」、「getters」、「mutation」、「actions」，接著我們就一一的了解他們的功能吧! 1. State...
接續前面的內容，還有幾個東西沒有研究到... 3. mutations 前面是學到的向倉庫取資料的辦法，再來就是要學怎麼寫資料進去倉庫。唯一方法是提交(comm...
終於到了30天的尾聲，該學的都學了! 接下來就是運用在實際的案例上。剩下的這幾天我要跟著「重新認識Vue.js」口罩地圖範例來製作，驗收一下所學的到底會不會用?...
要對個別的元件做更多的指令之前，需要先把他們個別的拆出來，第一個拆解的是列表的部分，先在components/下建立一個asideMenu.vue檔案，把剛剛A...
接續昨天未完成的部分... 將藥局資料套用至左側列表 下一步就是要來處理藥局資料，在asideMenu.vue的computed取state(記得加入impor...
做完了側選單就要進入到第二區塊 — 燈箱 首先，在src/components下新增lightbox.vue(內容取自此連結) <template>...
進入到尾聲，範例的最後一片拼圖，馬上開始吧!!! 地圖的部分使用了leaflet JS和OpenStreetMap，所以在開始前先裝一下leaflet，在終端機...
從左側欄位獲取藥局位置 當我們在左設攔點擊藥局列表時，左側的地圖區域不會帶我們到對應的位置，此時我們需要再做最後的設定。 首先在data位置加上markers陣...
