技術 Day013-Lifecycle-Vue實體生命週期-創建你的夢中情人

想起當初，第一次約她見面，是那麼輕鬆又好約。那一天，我開著我的車，直接到她公司樓下等。透過VS Code傳遞了訊息，而她的回應非常迅速。縱使之前沒見過我，我也...

技術 Day05-Virtual DOM與畫面渲染(一：基本探討)

對於Vue的資料管理上，我想我是了解了。但客戶不只是在數據上做大量的修改，畫面上也會因為數據的改動而造成建置和維護的複雜性，是否有更好的辦法可以有效處裡呢？ V...

技術 Day06-Virtual DOM與畫面渲染(二：效能探討)

聽Vue這麼說，實在是感到心動。但我的問題是，客戶資料非常龐大，前端render真的能夠快速處裡這些數據嗎？ Vue再次用銳利的眼神看了我一眼，並說道：我們的服...

技術 Day09-watch監聽資料

除了，computed和filter呢？如果資料改變，是否Vue能快速因應？ Vue：哈！當然有的呀！我們來看看這個範例：Vue：我知道你對健身的熱愛！今天如果...

技術 開箱21:提示/彈出視窗元件輕鬆套！～Vue 3 Popper範例應用

還記得昨篇開箱:前端用戶導覽這樣做～v-onboarding範例應用，其中導覽的框是依賴PopperJS做出來的，那我們今天要介紹在Vue3中可以使用的視窗元件...

技術 開箱16:圖片懶加載Lazy Loading範例應用

在前端網站效能優化中，圖片處理是一個重要的部分，因為圖片通常是網頁中佔用大量頻寬和資源的元素之一。而關於圖片處理的實踐方法有多種，其中一種是將圖片壓縮，這在本系...

技術 從入門到入土一條龍Vue.js Day03-基礎系列之數據綁定

Vue.js基礎之數據綁定 數據綁定是Vue的核心功能之一，允許我們建立視圖（模板）與數據之間的關聯。當數據發生變化時，視圖會自動更新，反之亦然。 開新專案(步...

技術 從入門到入土一條龍Vue.js Day10- Vue Router 的使用（二）

昨天說明了VueRouter基本的使用，今天要進階說明VueRouter的兩個功能，分別是路由守衛和路由懶加載。 路由守衛（Route Guards） 路由守衛...

技術 開箱1:Vue3套件歡樂箱耶_參賽前言

系列總回顧 https://ithelp.ithome.com.tw/articles/10339831 睽違兩年姐姐再度登場拉！看到很多前輩說每年都不想參...

技術 從入門到入土一條龍Vue.js Day09- Vue Router 的使用

Vue Router Vue Router 是官方的路由管理器，允許我們建立單頁應用(SPA)。隨著 Vue 應用不斷增長，我們需要的不只是基礎功能，還有如何管...

技術 從入門到入土一條龍Vue.js Day12 - Mixins

什麼是Mixins？ Mixins 是 Vue.js 中用來封裝重用的功能的一種方式。當你發現多個組件有共用的邏輯，但卻不適合使用組件繼承或其他方法時，可以使用...

技術 從入門到入土一條龍Vue.js Day11-Vuex狀態管理

什麼是Vuex？ 當我們的應用越來越複雜，並且多個組件需要共享相同的狀態時，這時我們需要一個集中式的狀態管理。Vuex 就是為此而生，它為我們提供了一個集中管理...