開始動工啦~ 今天電腦不在手邊，這篇會先在CodeSandBox實作 所以介面會長的跟上一篇的WebStorm不太一樣 之後會再把程式碼搬回去 Vue Router ? 這是Vue 官方提供的路由套...
到底什麼式Vue directives Vue directives簡單來說就是一種可以掛在HTML上的特殊指令，常見的有以下 v-on v-bind v-if v-show v-for v-mod...
前一篇提完透過axios 進行HTTP請求，但前後端分離且分工的狀態下，前端工程師為了驗證成果需要透過假資料檢視渲染後實際情況，axios-mock-adapter，即可做到透過URL攔截API，並進...
巢狀路由 在原先的router-view中再放一個router-view。 接續前一個案例，User.vue中放一個router-view給等一下要新增的Poster.vue <template...
這篇終於要開始學習指令，先從v-bind開始介紹，單純用JavaScript來控制的屬性，需要寫蠻多的程式碼，只要使用Vue的指令會省略很多，以下開始實作吧！ 1.綁定Style 定義data內st...
Hi Dai Gei Ho~ 我是Winnie～ 進入Vue章節前的 溫腥提醒：在之後的文章中，預計不會針對 Vue 的基本使用做深入的講解(如:v-model、v-html 等)，所以 對Vue...
問題回答 <keep-alive> 的作用是緩存一個元件的資料狀態，即使它被切換掉，不再呈現在畫面上時，它的資料狀態依然會把存起來，並不會像一般元件那樣被銷毀。 另外，is 屬性的作用是動...
使用組件跟組件的組合 , 形成一個頁面 勢必會遇到經典的組件傳值 issue (下圖左側) 以大家常使用的 Facebook 為例 , 顯示使用者資訊的區塊有 4 個 如果轉換成 Compone...
當我們有時候某個功能的重複運用性較高，但每次都還要再寫一個一模一樣的功能，是不是很麻煩呢?那麼這時我們就可以好好利用 Vue 組件的功能，可以讓我們只寫一次，就能直接使用很多次，舉例來說，像是分頁的按...
今天我們就來講一下，當我們專案中確定會導入websocket了，前端的工作流程會是怎樣，要怎麼跟後端溝通又要怎麼實作呢? STEP1. websocket規格文件 其實跟API一樣，我們總要知道怎麼做...