這是我個人的使用偏好，而且是以抽象資料型別的使用方式來理解 vuex 的使用方式。也許，我是說也許啦！和官網的不太一樣。 昨天介紹了物件設計的核心原則，就是不要直接修改資料，務必要透過抽象行為來修...
嗨~今天又見面了，昨天我們了解了Evnet Handing後我們今天要繼續來講條件渲染v-if、v-show與v-for。 v-if v-if可以用來影響元素要不要render出來。 v-else v...
組件的部份因為有比較複雜，所以會做個小練習來熟悉一點 - 分頁的組件 分頁組件(props & $emit 運用) 快速利用簡單的分頁組件範例來寫個小練習吧 需求: 1. 分頁組件會...
延續昨日我們今天先把 登出的功能給搞定 不然每次都要清除session不然就是要重開==由於我們登出的功能也是要另外處理所以先把登出按鈕從data裡面拉出來 然後程式碼如下 登入的v-if意思是 lo...
本篇來介紹 v-on 指令的特別之處，使用 JavaScript 撰寫一個事件處理，除了 DOM 的綁定還需要撰寫監聽事件，這邊只要加上 v-on ， Vue.js 就都幫你處理好了，以下來介紹這特別...
今天要把「關於」的部分寫完首先因為架構是差不多的，所以我打算使用json做成文檔然後再抓取渲染先把文字都照ID、標題、內文創建好json檔回到HTML在date中新增一個abouts: [] 的空陣列...
Hi Dai Gei Ho~ 我是Winnie～ 在今天的內容中，此篇文章將要來說 Composition API，而在開始之前 我們先來看看下圖的 Before/After 而從上圖中我們可以看到...
在前一篇中，我們已經了解父組件向子組件傳遞資料了，接著來認識子組件向父組件的溝通吧 子組件向父組件溝通: $emit 子組件(傳送) this.$emit("在父層所定義的綁定事件名稱&qu...
帶參數 mock mock_adapter.onGet("/todo-list", { params: { id: "1" } }).reply(200, {...
問題回答 directive（指令）是我們在 Vue 自定義的指令。當我們要重複處理某些工作，例如轉換時間呈現的格式的工作，可以使用 directive 來處理。我們可以在全局或局部註冊 direct...