iT邦幫忙

graceoscar
iT邦見習生 ‧ 點數 144
中華電信
1500
累計瀏覽數
站內簡訊 追蹤

鐵人檔案

2024 iThome 鐵人賽
回列表
JavaScript

只有30天，真的可以學會vue? 系列

學習 Vue 之前，需要先熟悉一些基礎的前端技術和工具:
HTML、CSS 、JavaScript、DOM、jQuery、ES6、Visual Studio Code開發工具、瀏覽器工作原理、HTTP協議、MVVM模式...

我都不會! 但 我可以學
遇到什麼學什麼，可以用在哪裡? 我想做出一個專題

旨在從簡單的項目開始，逐步增加功能和複雜度

參賽天數 20 天 ｜ 共 20 篇文章 ｜ 0 人訂閱 訂閱系列文 RSS系列文
0 Like 0 留言 132 瀏覽
DAY 1

vue開發環境佈置

▶安裝VS code 軟體:https://code.visualstudio.com/ --安裝插件(第五個圖標，形狀像四個方塊組成的圖案）:Darcula...

2024-08-19 ‧ 由 graceoscar 分享
0 Like 0 留言 119 瀏覽
DAY 2

直接開始第一個vue程式

觀察一下，和傳統網頁有什麼不一樣

2024-08-20 ‧ 由 graceoscar 分享
0 Like 0 留言 100 瀏覽
DAY 3

Vue基本原理

View : HTML +模板的畫面View Model : Vue.js 建立的實體Model : 後端的商業邏輯

2024-08-21 ‧ 由 graceoscar 分享
0 Like 0 留言 99 瀏覽
DAY 4

動態元件

「建立新元件」 → 「暫停目前元件」→ 「掛載新元件」 → 「啟用新元件」

2024-08-22 ‧ 由 graceoscar 分享
0 Like 0 留言 83 瀏覽
DAY 5

網頁除錯工具

使用 console 觀察資料或使用Vue.js devtools 來觀察及修改資料

2024-08-23 ‧ 由 graceoscar 分享
0 Like 0 留言 98 瀏覽
DAY 6

Vue事件監聽

使用 v-on 指令監聽 DOM 事件

2024-08-24 ‧ 由 graceoscar 分享
0 Like 0 留言 87 瀏覽
DAY 7

Npm介紹，套件管理工具

npm會隨 node 一起安裝。 npm 是基於 JavaScript 開發，讓使用者更方便的管理並發布套件

2024-08-25 ‧ 由 graceoscar 分享
0 Like 0 留言 99 瀏覽
DAY 8

Vue基本原理

View : HTML +模板的畫面View Model : Vue.js 建立的實體Model : 後端的商業邏輯

2024-08-26 ‧ 由 graceoscar 分享
0 Like 0 留言 85 瀏覽
DAY 9

Vue生命週期

理解vue創建，更新，銷毀過程

2024-08-27 ‧ 由 graceoscar 分享
0 Like 0 留言 85 瀏覽
DAY 10

Vue.js的指令

屬性綁定表單綁定模板綁定樣式綁定

2024-08-28 ‧ 由 graceoscar 分享
graceoscar的鐵人檔案
graceoscar的收藏
graceoscar的追蹤
graceoscar的Like
graceoscar的紀錄
graceoscar的訂閱列表