iT邦幫忙

鐵人檔案

2024 iThome 鐵人賽
回列表
JavaScript

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

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

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

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

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

Composition API

可以把共用的功能做成 Composition API新增 API 資料夾新增檔案新增API主檔案在元件中使用

2024-09-08 ‧ 由 graceoscar 分享
DAY 22

使用 Element plus

安裝 Element plus安裝主題機制完整引入(並套用正體中文語系) src\main.js

2024-09-09 ‧ 由 graceoscar 分享
DAY 23

安裝 node.js 及 vue-cli

NVM 是用來管理 node.js 版本的工具安裝 vue-cli建立 vue-cli 專案(記得先切換到欲儲存該專案的位置)建立 vue-cli 專案

2024-09-10 ‧ 由 graceoscar 分享
DAY 24

使用 websocket

安裝 websocket 套件在 main.js 加入設定以使用websocket 套件第二個參數為websocket 位址第三個參數用來配置其他項目,如使用...

2024-09-11 ‧ 由 graceoscar 分享
DAY 25

父組件→子組件間的參數傳遞

父組件:利用 將參數傳到 PropsTest 組件子組件:在組建中定義 props 物件,並傳入 setup() 中,再 return 給樣板中呼叫使用定義...

2024-09-12 ‧ 由 graceoscar 分享
DAY 26

使用 websocket

安裝 websocket 套件在 main.js 加入設定以使用websocket 套件

2024-09-13 ‧ 由 graceoscar 分享
DAY 27

使用 Element plus

安裝 Element plus完整引入(並套用正體中文語系) src\main.js

2024-09-14 ‧ 由 graceoscar 分享
DAY 28

Vuex 資料傳遞

Vuex將資料拉出來,統一在外部存取,不需用props或emmits來傳

2024-09-15 ‧ 由 graceoscar 分享
DAY 29

使用 websocket

安裝 websocket 套件在 main.js 加入設定以使用websocket 套件第二個參數為websocket 位址第三個參數用來配置其他項目,如使用...

2024-09-16 ‧ 由 graceoscar 分享
DAY 30

基本架構

只有被 mount 的元件才能被Vue控制,以外的元件不行

2024-09-17 ‧ 由 graceoscar 分享