學習JavaScript也有一陣子，當有人問起This是什麼，都無法解釋的很清楚，代表理解的不夠徹底，今天來複習This的指向，是進入Vue之前，必須掌握的觀念之一。 影響 This 的是在於函式的...
Action 類似於mutation action -> mutation -> 改變狀態 vs 直接提交mutation -> 改變狀態透過action提交原因: ...
在開始前我們先來介紹一些看似基礎但卻很重要的工具吧。 var、let和const var、let、const在JavaScript都是用來宣告的域法，它們在不同的範圍都有不同的用法。 const :...
Mutation 提交mutation，是更動state的唯一方法，並以state為第一個參數。包含事件類型(type)、回調函數(handler)，不可直接調用，需透過提交(commit)。 註冊M...
天亮了 昨晚是平安夜 關於迷霧森林故事 Rock you，Rock you，Rock you 敲家門沒人應沒的 Rocky找不到先行離開招集會的父母有點著急沿著昨天父母帶著他前往會場的路回頭探索路上可...
當我們有區分，在某種條件下看到的會是 A 畫面，某一些條件下看到的會是 B 畫面...的情形，例如每個會員權限不同所可以使用的功能不同就是一個簡單的例子，這時就可以使用條件渲染 條件渲染 Vue 的條...
問題回答 雙向綁定（two-way data bindings）是指把畫面上的 DOM 與資料透過 Vue 實體來綁定。當其中一方有更動時，另一方都會隨即更新。 單向資料流是 Vue 官方提倡的一種管...
Case01 View： 內容跟 Day08 / Day11 差不多，主要是 js 多了 ajax 的處理 ! OrderDate 欄位的部份，我選擇在前端把日期後面的 T 跟時間 刪掉 &l...
繼上篇觀察整個專案資料夾結構之後，接著來觀察子層 components 資料夾裡的 HelloWorld.vue 和父層 views 資料夾裡的 Home.vue，會發現 .vue 檔案主要分成三個區...
State 定義狀態 store.js state: { // 待辦事項 todoList: ["待辦事項A", "待辦事項B"] } 於元件...