鐵人檔案
基礎表單－單選選單（select） 單選選單是有下拉式選項可以選擇，在很多網頁填表單的時候都會遇到，通常是選項很多的時候會使用，例如：生日年月日、職業等。 範例...
v-on事件處理 網頁除可以顯示內容以外，也可以回應使用者的動作，像是Instagram的點讚功能，當使用者點擊愛心，愛心就會從空心的變為紅色實心，或是使用者在...
寫了快兩個星期的文章，都是做單一功能的範例，今天來做點比較完整的，順便複習之前所有學習的東西，整合在這次的實作中，並且學習新的技術。先講需要的功能： 新增人員...
在事件處理中，除了處理DOM事件外，還需處理額外的事件，例如DOM事件中滑鼠的點擊事件（click），額外的事件會有點左鍵還是右鍵，這樣的額外事件可以分為三種：...
接續昨天的鍵盤事件，今天要來進行一個小的實作，學習如何監聽按鍵keydown DOM事件並配合按鍵修飾子一起使用。要做一個能讓使用者用鍵盤按鍵「上下左右」移動的...
網頁的處理可以分為兩種，一個是資料顯示處理，另一個是操作流程處理。 資料顯示處理：像之前會先建立資料模型（Data），再把資料模型裡的資料綁定到HTML樣板...
昨天學習到如何在vue中使用自定義組合變數option API-computed，今天則是資料顯示處理中的字串過濾處理-filter，filter是幫助開發人員...
今天來到操作流程處理的部分，Web網頁的處理中，常常會需要監聽資料的變化，像是之前D16講過的有關性別問卷的狀況，今天舉一個比較常見的例子，網購時要選擇送貨地址...
Vue在渲染DOM時，因為考慮到效能問題，會先等待資料更新後，再重新渲染，這樣在使用勾子函式或是option API想取得DOM資訊時，會發現沒辦法及時取得資料...
前情概述 在之前所有範例中，可以看到許多不同功能使用在網頁裡，像是按鈕、表單、選項（單選、多選），又或是標題、內文等功能，程式碼都是全部打在一起，看起來很雜亂，...
