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...