當我們開始使用component之後會發現一些問題接踵而來，最常見的就是component之間要如何溝通，相互傳值。 父傳子 將 外層/上層 的資料傳遞給 內層/下層 ，我們可以透過props來達到...
漸變 transition Vue.也提供了動畫處理的元件，針對元件或者元素節點中加入class然後再自行移除，我們稱之為漸變。Vue.js將漸變的效果封裝成一個<transition>元...
root ├── src │ ├── assets │ ├── components │ ├── graphql │ ├── plugins │ ├── Ap...
昨天的鐵人賽文章有聊到event bus雖然方便，但是不容易偵錯及維護。隨著專案變大、元件變得越來越多，元件間的架構越來越複雜，有時候會遇到多個元件需要共用同一份資料的情況...。 Eg.某一訊息a...
tags: Vue.js ItIron2020 前言 我們在之前認識了vue實體、vue組件以及如何在父子層的組件透過props & emit相互溝通，作為額外補充還簡單介紹了一下slot的概...
什麼前端也可以做Router? 兩三年前的我還真的不知道，還用jquery硬幹過前後分離的網頁，使用者永遠都沒上一頁可以點XD其實用起來跟後端的Router也沒差很多啦 views多加兩個頁面view...
v-on 要對模板中的元素添加 Event Listener，Vue 提供 v-on 指令可以針對 元素 綁定 Event Listener，並在事件發生時調用 handler 執行。除此之外，對於...
Single Page Application (SPA) 的其中一個特色為：透過定義一個隨著網址或路由 (router) 切換而改變的容器來包覆動態內容，而不是重新載入整個頁面，以減少重複資源的重新...
tags: Vue.js ItIron2020 前言 前兩天我們已經介紹完vue中父子組件如何利用props & emit做溝通，到此為止你其實已經可以應付很多種情況了! 幹得好啊~! 今天我...
正文：在這週，我們把 element-ui 常用的內容介紹完了，並且開始使用 vue + element 實作了一個登入頁面，在這之後也補充了之前沒有介紹到的導航守衛，現在就來回顧一下吧 第一天：在本...