V23_Vue的provide_inject_父元件傳資料給子元件 今天來探究一下 Provide/Inject 的用法參考一下W3School_Vue的說明Vue Provide/Injecthtt...
雖然前面篇章已經用了很多event的實作了，但還是稍微特別在寫一篇來筆記一下。 基本上用上述架構來去認識所謂事件 在探討vue中事件處理方式之前又要稍微回顧一下原生html跟js事件處裡的方式，因為v...
Vue 的單一檔案元件（SFC）:Vue 的單一檔案元件（SFC）就是把 Vue 組件的程式碼、樣式、甚至是模板，都寫在同一個檔案中。這樣做的好處是，我們可以在同一個地方管理所有相關的程式碼，非常方便...
本次要跟姊姊一起學習Vue 3 + Firebase 實現一些功能，只是本篇只是先介紹事前準備，下篇才會進去實作 如果您尚未建立專案 及 安裝 Firebase JS SDK 並初始化 Firebas...
Vue元件:VUE 的元件是什麼?簡單來說，元件就像是獨立的小工具，可以幫我們把畫面拆分成一塊一塊的，讓程式碼看起來更簡潔，也更容易維護。這樣一來，不僅可以提升開發效率，也能使我們的程式碼更容易重複使...
前言 前篇說到，在定義好元件之後，如果元件需要透過「外部」傳入狀態，可以使用 props 來傳遞，同時也提到 props 應該是 readonly 的特性，不該有能力更改外部的狀態。 但如果出現需要將...
昨天我們實際演練了如何在 Vue 中進行錯誤處理，今天我們將重點放到另一位主角 — GraphQL 身上。 當前端應用與後端溝通時，錯誤處理尤其重要。正確的錯誤處理不僅確保了使用者體驗的連續性，還可...
V22_直覺式理解_Vue_Directives(2)_v-on 今天來再探究 v-on參考一下W3School_Vue在v-on的說明Vue v-on Directivehttps://www.w3...
引言 今天來好好當個切版仔切一個喜歡的書單卡片版型並利用之前學會的功能那就讓我們開始吧～ 用一點之前寫好的方法 首先我們先建立一個卡片清單的元件CardList.vue引入之前幫好的方法...
沒想到與React和Vue你看我我看你地過著的這段日子雖然過程難熬，但回頭看卻又發現時間過得居然如此的快，轉眼間已經到了鐵人賽的最後一天了！雖然已經到了最後一天，但是秉持著有始有終的信念，在最後的這一...