前言 了解到了如何使用自定義事件處理組件之間的傳遞後全局事件總線可以提升一個檔次利用Vue的原型對象可以將組件溝通這件事變得更容易並且相對的更好維護 概念圖 針對組間之間的傳遞中, 不可違背的即是組件...
讓畫面更精美跟客製化，今天來加入 Tailwind CSS 首先用 npm 來安裝 Tailwind CSS & postcss npm install tailwindcss postcs...
今天要介紹的是一種稱為Vuex的狀態管理模式，它是專為Vue.js 應用程式設計的一個工具，用來有效地管理應用程式中的狀態。狀態管理在大型和複雜的應用程式中是至關重要的，而 Vuex 提供了強大的工具...
V15_從Vue的範例做中學(1)_Markdown_Editor 前面幾篇的發文已經大致的了解Vue的主要的特性及用法了，接下來要轉到Vue的官網上的Example範例，透過範例，來學習及驗證Vue...
apexchart 為一個非常直覺化的圖表套件工具，目前支援主流的三大 js 框架以及原生語法，今天我們拿 Vue.js 的範例當作例子吧首先當然是引用進我們的專案，需要注意的是 Vue2 以及 Vu...
在現代的 Web 應用中，使用者體驗是至關重要的。很多時候，網頁載入速度直接影響到使用者的滿意度，特別是當資料量龐大時。GraphQL 是一種允許客戶端明確請求所需資料的查詢語言，透過分頁查詢，我們...
今天繼續完成昨天的登入界面，我們今天簡單來做個注冊頁面。我們可以先來看成果： 前端驗證的部分，我們所有欄位必須填入，并且符合驗證才能按下按鈕，我們可以用兩種辦法來做到這個事情，就是使用v-text-...
今天完成的結果： Todo 加入 google maps 申請 google maps api key 加入 google maps 前面介紹 capacitor 就有提到 ionic 專案建置...
昨天結尾有稍微提到了v-model的廣泛應用甚至有專門為它設計的修飾子，都是以v-modle.xxx的形式存在也有提到兩個我覺得相對來說更有機會使用到的修飾子是"v-model.lazy&q...
前言 今天要來講解v-bind的應用，以及它與class和style的綁定： 資料綁定提供了在HTML元素中靈活操作CSS類別列表和內聯樣式的解決方案，這是一個常見的需求。由於這些操作都涉及到屬性，...