emit 監聽子組件父組件: 透過v-on監聽子組件事件子組件: 透過$emit傳遞事件名稱 直接觸發指令 子元件於觸發點定義事件名稱do-emit <button @click="$...
開心，終於正式進入 Vue 的介紹了~在了解 Vue 的寫法前，有個重要的觀念必需去了解，那就是 Vue的生命週期其實我覺得，不管是不是 vue 還是其他的前端框架，生命週期應該都可以算是框架的整個核...
前言 Vuex 並不會限制我們的代碼結構，只是有三大原則需要遵守： 應用層級的狀態應該集中到單個 store 對像中。 提交 mutation 是更改狀態的唯一方法，並且這個過程是同步的。 非同步行...
Hi Da Gei Ho～ 我是 Winnie , 今天是文章的第二篇，在開始進入主題 Vite之前，此篇文章將切分上下文 簡單說說 什麼是 模組與模組化 與 JavaScript中的模組化規範 的發...
問題回答 開發時主要在 src 資料夾進行開發，最後打包輸出時是 dist 資料夾。在 src 裏，一定會用到 assets, components, views 以及 main.js 檔案。asse...
我的編譯器使用vscode在終端機下 vue create XXXX(檔案名稱)即可看到這個畫面 (要先安裝node.js 這邊就不多做贅述了XD)再來這邊選擇 manually select fea...
Hi Da Gei Ho～ 初次見面，我是Winnie～ 我是一位剛轉職六個月的菜鳥前端(前身是網頁設計師)，如果對於我的轉職的過程有一絲好奇的朋友的可以看看 這篇文章 在23歲的結尾，我實現想了很...
前言 該系列是為了讓看過Vue官方文件或學過Vue但是卻不知道怎麼下手去重構現在有的網站而去規畫的系列文章，在這邊整理了許多我自己使用Vue重構很多網站的經驗分享給讀者們。 我們在開發網頁的時候一...
組件中經過引用、連接，會產出樹狀關係圖，即為父元件與子元件的關係。-> 父子元件中不存在繼承關係，也互相獨立，無法直接進行互相修改。 官網示意圖 prop 父元件向子元件傳遞參數。 需透過v-...
前言 為什麼要特別提一下 Payload ？是因為像 mutations 跟 actions，其實都只能傳一個自定參數進去，如果有多個參數要使用時，可能就會跳錯，怕有人也遇到相同的困擾，所以特別提一聲...