iT邦幫忙

鐵人檔案

2024 iThome 鐵人賽
回列表
JavaScript

歡迎參加我的原生JS畢業典禮 系列

軟體開發三年半還在用原生JS和jQuery打天下的工程師,待業期間下決心要突破令人堪憂的成長曲線。

從Vue.js開始入手第一個JS框架,學著更聰明且有效率的開發系統!

鐵人鍊成 | 共 31 篇文章 | 11 人訂閱 訂閱系列文 RSS系列文
DAY 11

【Day10】組件間溝通—Vue Prop&Emit

引用Vue Components的原則,是透過父元件上import的方式,父元件中也可能存在許多子元件…這樣一個串一個的關係就成了樹狀結構的「元件樹」。今天我們...

2024-09-25 ‧ 由 ivytien 分享
DAY 12

【Day11】Vue生命週期—Lifecycle Hooks ft.Composition API

一開始只看到中譯想說到底為什麼要叫「生命週期鉤子」,看到Hooks…好吧。在之前的ToDoList練習還尚未學習Vue生命週期的概念,所有狀態和動作在頁面都亂亂...

2024-09-26 ‧ 由 ivytien 分享
DAY 13

【Day12】Vue CLI v.s Vite 超級比一比

在我們剛開始踏入Vue的世界是透過Node.js來安裝最新版本的Vue專案,其底層建構器就是Vite負責。但網路很多資源都還是應用Vue CLI寫出來的範本,究...

2024-09-27 ‧ 由 ivytien 分享
DAY 14

【Day13】做中學的Vue語法大全!(上)

還記得我們開賽第五天就在寫ToDoList了,結果現在連基本的指令都還沒完整講解(天啊),簡直像剛拿到新的空氣清淨機連內封膜都還沒撕就開始使用了!畢竟實戰演練總...

2024-09-28 ‧ 由 ivytien 分享
DAY 15

【Day14】做中學的Vue語法大全!(中)

昨天重新回顧了我們在練習作品中常用的Vue語法及語法組成架構,今天再來接續介紹:還有哪些在我們這次改版練習ToDoList中遇到的常用屬性? 本系列任務:改寫過...

2024-09-29 ‧ 由 ivytien 分享
DAY 16

【Day15】做中學的Vue語法大全!(下)

Vue語法統整來到了最後一篇章,今天要來探索更複雜的資料處理是要如何做到?除了介紹到computed計算屬性,也要來了解watch的使用時機!那麼,就讓我們直接...

2024-09-30 ‧ 由 ivytien 分享
DAY 17

【Day16】Vue超簡單實現元素拖曳效果—應用To Do List

這幾天風暴式重新閱讀了好多Vue官方文件(真怕會消化不良),今天來講點比較有趣的效果吧!而且超簡單的就能實現在ToDoList上的~就是 「元素拖曳!」 ,做完...

2024-10-01 ‧ 由 ivytien 分享
DAY 18

【Day17】Vue組合式函數&自定義指令

前面幾天我們重新回顧了Vue的語法結構,還有各種內建提供的指令用法。今天的重點放在 「如何把自己寫的內容」 定義成可以複用的函式,以及 「如何自訂指令」 ?讓我...

2024-10-02 ‧ 由 ivytien 分享
DAY 19

【Day18】Vue的分組報告—實作購物車(上)

對於基礎觀念和常用功能我們都有一定程度的概念了,最重要還是如何活用這些技術。今天的練習是購物車實作,試著先不參考網路範例…看看是否能順利寫出來吧! ◎題外話:在...

2024-10-03 ‧ 由 ivytien 分享
DAY 20

【Day19】Vue的分組報告—實作購物車(中)

馬上來接續昨天的進度!我們刻好商品SFC、也測試父組件傳遞資料顯示正常,今天來處理商品數量和購物車icon,沒問題就直接開始囉! 增刪商品數量 畫面上我們有四個...

2024-10-04 ‧ 由 ivytien 分享