一、講解什麼是「頁面骨架」？應該是大家的第一個問題，先想像要蓋一間房子，是不是在住進夢想房子前，需要先仔細想想樑柱和房間的區隔，最起碼先定好客廳、廚房、臥室的位置，才再想之後的家具想放甚麼?在哪裡?這...
今天接著講vue.js另外一項核心功能--元件化組件元件化組件(Component System)將使用者介面拆解成一個個不利且能重複使用的零件(元件)，並利用這些製作好的模組化元件快速製作網頁 元件...
一般狀況下，我們若想傳遞 data 會使用 props，若接收元件是在深層的狀況，且該元件之父級元件並不 care 該 props ，我們便可以利用 provide / inject 來跨層級傳遞，因...
昨天提到計算屬性 Computed 是根據相依的資料發生改變，才會重新執行運算，否則就會直接返回暫存的結果，而今天要介紹的監聽器 watch 是根據響應式資料發生改變，而做出一些延伸的應用。 監聽器...
聯繫我 如果有任何問題或建議，歡迎隨時聯繫我： GitHub Email 前言 功能再強大的應用，如果操作起來卡頓、遲緩，也會讓使用者失去耐心，最終選擇離開。效能不是一個錦上添花的功能，它...
前言 Vue 是一個資料驅動的框架，畫面是由資料的狀態所決定的，當資料改變，畫面會自動更新。 因此，掌握資料的流向、變動方式與渲染時機，是深入理解 Vue 的核心關鍵。( 前提是沒有被淹沒 在這樣的設...
隨著專案功能與操作愈來愈複雜，在模板內寫入過多的邏輯運算式，會讓程式看起來很雜亂並且也不利於維護，因此可以透過使用計算屬性computed來改善此問題。 計算屬性Computed 是什麼？ 將邏輯運算...
在我們今天進入程式前先來看看專案的架構吧～ 一、Vite 專案結構，快速認識誰是誰 vite-project/：你的專案根目錄（下面所有東西都在這裡）。 index.html：整個網站的起點（...
身為台北小小公司的小小社畜，每天花近3個小時通勤，好不容易（真的好不容易）這段時間可以常駐台北，省去大把通勤時間，要拿來做什麼呢？不可能都拿來滑手機、追劇吧，身為單身狗也沒有人天天陪我玩，那我只好～～...
前言 在 Vue 中，當你希望做某些動作並觸發事件時，可能就會需要用到事件綁定，譬如說呢，今天要點擊一個按鈕數字會 +1: const count = ref(0) ▲ 宣告一個 count ref...