VueApollo Store 我想對 Vue 熟悉的讀者，在做前端緩存時大多數都是使用 Vuex ，不過當我們使用 Vue Apollo 時，它有自己的暫存區，如果這時我們又將資料暫存在 Vuex...
(電話中~~~) 喂~ 請問找哪位? 我這邊有東西想請你們幫忙開發。 好的，請問你想開發怎麼樣的程式呢... (經過10分鐘後...) 我們突然接到鐵人學院的心理系學生打來的電話。他希望我們幫忙...
tags: Vue.js ItIron2020 前言 前兩天我們介紹了vuex的概念與基本的使用，今天則將目光放到另一個常用的套件-router身上! 馬上就開始吧! 什麼是vue router 有寫...
Container and Presentational 官網的程式碼架構，會把元件分成二種類型-容器型(Container)及表現型(Presentational)，因此可以做到更好的關注點分離，讓...
[Day 20] 說明:想試試看取回使用者資料和新增使用者的時候，列表的新增是有動畫的，找到可以透過transition-group來完成(給列表使用,如單一元件可用transition) 一、將li...
compile介紹 vue compile()是先建立要重新渲染的內容，我們可以透過觸發事件來決定什麼時候做渲染，適合在mounted()處理。 基本用法 <div id="app&q...
Vue：昨日講述了基本的Route設定後，今天我們再來看看巢狀路由吧！ 對於頁面上的切換，是很容易透過Route做到的。但有沒有可能，會需要將頁面某一部分，作為切換呢？先說喔~這裡不是透過 a tag...
我們總是和時間賽跑，卻忘記了沿途的風景有多美好。 前幾篇介紹了許多 Vue 專屬的內建指令用法，這裡要介紹最後幾個也會常用到的內建指令ref、v-cloak和v-once先來 codepen 看看...
tags: Vue.js ItIron2020 前言 昨天我們介紹了怎麼在vue-cli專案中安裝vuex套件，同時介紹了基本的vuex store結構與state、mutations & a...
Vue Apollo Component 與一般的 Component 一樣，在 prop 中使用 GraphQL document 並使用 scoped slot 來傳遞結果我們可以直接在tampl...