關於單向資料流，昨天已經有針對這麼部分透過程式碼來了解是怎樣的資料流design pattern了，但是單向資料流究竟和Vue和React有什麼關係呢？就讓我們繼續看下去！ 前情提要-單向資料流和雙向...
無論你是使用 Vite 或者 Vue CLI 產生的 Vue 專案，專案結構都是一致的，只是使用 Vite 構建的 Vue 專案，配置文件名稱為 vite.config.js。而使用 Vue CLI...
本章節會介紹Vue所配置的函數Vue.set()其可以達到從外部像Vue.data新增對象 初始數據 <body> <div id="root">...
單一檔 在昨天，我們透過 Vue-cli 建立了一份新專案，其中若有仔細去看 main.js 會發現我們將一個 app.vue 檔給引用近來當作我們渲染的樣板入口，經過前幾天的介紹，我們可以知道 re...
什麼是Mixins？ Mixins 是 Vue.js 中用來封裝重用的功能的一種方式。當你發現多個組件有共用的邏輯，但卻不適合使用組件繼承或其他方法時，可以使用 Mixins。簡單來說就是如果有多個組...
今天先暫時忘記Vue和React，來專注看一個與Vue和React有關聯且非常重要的概念，也就是「單向資料流」。雖然照字面來看，感覺好像很好理解，但不仔細去思考的話，還是很有可能會搞錯它的意思。 什麼...
本篇文章同步更新於個人部落格，歡迎交流指教～謝謝您的閱讀 提到 Nuxt.js，必須先從 Vue.js 說起，Vue.js 為專注在視圖層（View）的 Javascript 框架，為 SPA（...
生命周期Lifecycle Hooks 生命周期是在Vue.js和其他一些前端框架中非常重要的概念之一，它涉及到Vue組件的創建、更新和銷毀過程。當你理解Vue的生命周期時，你可以更好地掌握應用程序的...
前言 本章節針對Vue在更新List數據時的一些小細節做補充在watch中有提及,在做數據監測的時候必須用深度監視才能監測到List內的數據變化對於Vue中,偵測到數據的異動,都會對DOM做一次編譯再...
什麼是Vuex？ 當我們的應用越來越複雜，並且多個組件需要共享相同的狀態時，這時我們需要一個集中式的狀態管理。Vuex 就是為此而生，它為我們提供了一個集中管理狀態的方式，並且帶有規範化的模式。 上面...