Vue 元件概念 Component元件，作為SPA的靈魂功能，可以將程式碼以及模組封裝起來，增加程式碼的可複用性，能避免單一檔案過大，例如程式碼過多超過兩百行，就可考慮切分出來，多人開發時也能較好...
接續前面的內容，還有幾個東西沒有研究到... 3. mutations 前面是學到的向倉庫取資料的辦法，再來就是要學怎麼寫資料進去倉庫。唯一方法是提交(commit)某個mutations屬性，在裡面...
問題回答 導航守衛（Navigation Guard）可以在 3 個地方使用，包括全域、元件和路由。所謂導航守衛就是在訪問頁面之前，會像一個守衛攔截並執行你所設定的任務，執行後會跳轉或取消訪問該路由。...
前面都使引用CDN的script標籤去使用Vue.js，今天要介紹的是用NPM去安裝vue-cli 使用vue-cli需要安裝Node.js，因為vue-cli需要使用到npm或yarn的指令，如果有...
結構 主要可以分為四個部分「state」、「getters」、「mutation」、「actions」，接著我們就一一的了解他們的功能吧! 1. State 就是昨天說的倉庫!! 首先，把需要共用的...
在 Vue3 中我們可以使用 Options API 或是 Composition API 選擇一種方式來撰寫，下面來看看甚麼是 Options API ? 甚麼是 Composition API ?...
承上篇從 Actions 進展到 Mutations，接下來讓 Mutations 將結果直接賦值給 State，繼續接棒完成 Vuex 狀態存取流程！ State 產地直送 存取 state 只...
Vue.js介紹 是一個用於建立使用者介面的開源JavaScript框架，也是一個建立單頁應用的Web應用框架。2016年一項針對JavaScript的調查表明，Vue有著89%的開發者滿意度。在Gi...
延續昨日今天來完善我們的 我的專案的功能吧!首先這是目前的我的專案再來新增2個按鈕嘟嘟嚕新增了2個按鈕再來先從刪除文章開始先觀察我們的db.json 進入postman 發現是怎麼接取並刪除特定文章的...
Conditional Rendering 在寫元件時最常見的就是會使用 v-if 來動態插入和刪除元素，我們馬上來看看下面的範例程式。 const Component = { template:...