學習完 Vue 之後，想要透過單元測試守護你的專案，但又不知道從何起手？別擔心，快來訂閱作者最新系列文 《小白也能輕鬆瞭解的 Vue3 單元測試！》讓你的 Vue 專案更上一層樓！ 昨天介紹到動...
這次是第一次參加IT鐵人賽，肖想了很久終於開賽了。 之所以想參賽是因為想來分享一下Vue與Typescript的應用與推廣Typescript這個好用的東西。當然撰寫的內容也大部分都是我自己的理解與學...
回顧 在《 03. Vue 指令：v-text, v-html, v-bind 》中，我們學到如何將 vue 實例中的資料渲染在網頁上，以及其細節的不同；在《 04. Vue 指令： v-model...
v-for 使用細節 v-for 可以用陣列或是物件帶入，比較特別的是用物件帶入的話，是用屬性來做索引。 <h4>陣列與物件的迴圈</h4> // 陣列的索引是一般我們熟知的...
每個 Vue 實例在被創建之前都要經過一系列的初始化過程。例如需要設置數據監聽、編譯模板、掛載實例到 DOM、在數據變化時更新 DOM 等。同時在這個過程中也會運行一些叫做生命週期鉤子的函數，給予用...
超緊繃!30天Vue.js學習日記 生命週期的變化是如此美妙啊!(2) 大家好,我們今天會延續昨天的主題,對生命週期中的鉤子函數做進一步的介紹! 我們先附上一小段昨天的範例程式碼: created:...
雙向綁定 v-model可以進行資料雙向綁定，最常見於取得使用者的 input 例如：文字區域textarea、單選radio、下拉式選單select等等，並與同名的 data 內的資料做綁定。而且v...
學習完 Vue 之後，想要透過單元測試守護你的專案，但又不知道從何起手？別擔心，快來訂閱作者最新系列文 《小白也能輕鬆瞭解的 Vue3 單元測試！》讓你的 Vue 專案更上一層樓！ Dynami...
部落格同步刊登 [IT 鐵人賽] Component 的溝通方式 Vuex Day 13 我們會把 Vuex 放的比較前面，是因為既然使用了狀態管理機制，那麼，用他來跟各種元件溝通，是比較方便的一...
超緊繃!30天Vue.js學習日記 生命週期的變化是如此美妙啊! 大家好,我IAN啦!今天要來介紹的是在官方文件中所提到的生命週期,官方文件給了以下圖示並且補充道: You don’t need...