軟體開發三年半還在用原生JS和jQuery打天下的工程師,待業期間下決心要突破令人堪憂的成長曲線。
從Vue.js開始入手第一個JS框架,學著更聰明且有效率的開發系統!
引用Vue Components的原則,是透過父元件上import的方式,父元件中也可能存在許多子元件…這樣一個串一個的關係就成了樹狀結構的「元件樹」。今天我們...
一開始只看到中譯想說到底為什麼要叫「生命週期鉤子」,看到Hooks…好吧。在之前的ToDoList練習還尚未學習Vue生命週期的概念,所有狀態和動作在頁面都亂亂...
在我們剛開始踏入Vue的世界是透過Node.js來安裝最新版本的Vue專案,其底層建構器就是Vite負責。但網路很多資源都還是應用Vue CLI寫出來的範本,究...
還記得我們開賽第五天就在寫ToDoList了,結果現在連基本的指令都還沒完整講解(天啊),簡直像剛拿到新的空氣清淨機連內封膜都還沒撕就開始使用了!畢竟實戰演練總...
昨天重新回顧了我們在練習作品中常用的Vue語法及語法組成架構,今天再來接續介紹:還有哪些在我們這次改版練習ToDoList中遇到的常用屬性? 本系列任務:改寫過...
Vue語法統整來到了最後一篇章,今天要來探索更複雜的資料處理是要如何做到?除了介紹到computed計算屬性,也要來了解watch的使用時機!那麼,就讓我們直接...
這幾天風暴式重新閱讀了好多Vue官方文件(真怕會消化不良),今天來講點比較有趣的效果吧!而且超簡單的就能實現在ToDoList上的~就是 「元素拖曳!」 ,做完...
前面幾天我們重新回顧了Vue的語法結構,還有各種內建提供的指令用法。今天的重點放在 「如何把自己寫的內容」 定義成可以複用的函式,以及 「如何自訂指令」 ?讓我...
對於基礎觀念和常用功能我們都有一定程度的概念了,最重要還是如何活用這些技術。今天的練習是購物車實作,試著先不參考網路範例…看看是否能順利寫出來吧! ◎題外話:在...
馬上來接續昨天的進度!我們刻好商品SFC、也測試父組件傳遞資料顯示正常,今天來處理商品數量和購物車icon,沒問題就直接開始囉! 增刪商品數量 畫面上我們有四個...