×
切換帳號
台灣數位訓練課程
課程
知識
系統教學
登入
×
全站搜尋
搜尋
台灣數位訓練課程
登入
課程
知識
系統教學
知識目錄
課程中心
列印日期 : 2026/03/10
台灣數位訓練課程
×
知識庫
目錄總覽
AI 展示
i-xms+
Vue.js 學習筆記
×
×
loading ...
×
×
私密分享
狀態
啟用
連結
https://learning.xms.tw/media/s/
重新產生
複製連結
×
QR code
×
選擇網頁檔案
loading ...
×
設計知識點
×
建立新版本
×
刪除媒體
×
loading ...
×
牛刀小試
分享
QR code
列印
瀏覽: 36,
最近修訂: 2025-03-17
牛刀小試
分享
QR code
列印
瀏覽: 36,
最近修訂: 2025-03-17
迫不及待想試試看 Vue 在前端的威力嗎?
就拿登入畫面來試試看吧,這可說是所有系統的第一個畫面。
同時也可以順便比較一下,
傳統 js 的寫法和使用 Vue 框架的簡潔與威力。
要從哪裡開始呢?
當然就從現有網路上的範例程式開始改囉,不需要重新造輪子。
重點
1.
程式碼排版 ~ Shift + Alt + F
複製貼上後,格式很亂,人工換行排版又很麻煩 ...
沒問題,
VS code 是全世界開發者的環境,一定有為程式碼排版的功能才是!
就問一下 AI 囉
立馬試試看 Shift + Alt + F
果然,瞬間就排出整齊的程式碼了。
排版前:
Shift + Alt + F 排版後:
×
×
複製檢核清單
loading ...
×
×
×
關閉
×
loading ...
評語
請登入後才可以評分
×
評分
×
查看更多
loading ...
上一篇
下一篇
討論
筆記
(0)
詳細
未登入或權限不足!
位置
知識庫
目錄總覽
AI 展示
i-xms+
Vue.js 學習筆記
資料夾名稱
Vue.js 學習筆記
上傳者
蘇德宙
單位
台灣數位員工
建立
2025-03-17 19:47:42
最近修訂
2025-03-17 19:56:42
1.
我的第一支 Vue 程式
2.
初體驗 Vue 的簡潔與威力
3.
基礎 ~ 按部就班
3.1
v-if Directive
3.2
v-for
3.3
Vue Event Modifiers
3.4
Vue Forms (v-model)
3.5
computed, watcher ~ 監控 data 內的變數
3.6
Vue 專案 (Vue application)
3.7
Vue Events
4.
使用 Bootstrap (前端元件)
5.
牛刀小試
6.
開發系統囉
6.1
第一支 SFC (Single File Componet)
6.2
Components
6.3
Components 參數 ~ props
6.4
Components ~ v-for
6.5
component $emit() 事件驅動一下
6.6
component Fallthrough attributes~ 不用 prop 傳參數,直接取得 parent 的 attributes