問題回答 遞迴元件是指同一個元件裏不斷引用自己，造成重複一層元件包著一層元件的情況，直至該元件所渲染的資料沒有滿足你設定的 v-if 資料，就代表此遞迴結束，不會再往下層產生同一個元件。此技巧常用於製...
生命週期介紹 在一開始建立Vue的實體，然後掛載到#app就算是已經在使用元件，而這一連串的建立到被銷毀，都有他的生命週期。 Vue本身就是以很多元件所組成的概念，舉例來說最外層是一個app元件，裡...
Vuex 是個處理全域資料的狀態管理庫，採集中式管理方式，方便任何元件都能從中獲取狀態或觸發事件，實作上通常用來存儲 API 資料後再加以應用，尤其適合應用於開發中大型專案。 一圖以蔽之： （圖片來...
有時候，需要 CRUD 以外的行為，後端有時會開專屬的 API，有時候不會。有時候在使用 API 時，前端也有一些「一定會一起執行的事」。 那麼，這些「雜項」就很適合寫在 action 方便表現「系統...
寫出不乾淨的code跟WEED一樣 一開始寫的時候可能會感到輕鬆快樂但是後續的維護或修改會把自己搞得進退兩難所以今天我們來把code好好整理由於要把整個code大整理要刪除一大票東西所以完全是以毒攻毒...
延續之前的瀏覽列的實作，這次要增加登入跟註冊紐，其實我也還在想這個網站是否需要註冊功能，畢竟是私人社區，也許之後可以由管委會調整社區名單就好，但練習嘛，就都做囉，之後再關閉也沒關係。 登入畫面開發(L...
在開始進入複雜的內容之前，我想先帶大家認識幾個會大量出現在每一個測試程式碼裡的核心語法，這些語法如果不了解的話可能就沒辦法看懂之後的測試程式碼，所以我們趕快開始吧！ 這些核心語法分別由 Jest 和...
Hi Dai Gei Ho~ 我是Winnie～ 在今天文章中 我們主要會針對 Composition API 中的 computed 使用方法來做介紹，computed 相信有接觸過 Vue的捧...
今天要將昨天的 tagList 轉換成 ast // input tagList const tagList = [ { type: 'tagStart', tagName: 'div' },...
watch監聽器 監聽data裡面的值，當值有變化時，就會觸發事件。 watch監聽一個變數： <div id="app"> <h3>watch 監...