技術問答
技術文章
iT 徵才
Tag
聊天室
2024 鐵人賽
登入/註冊
問答
文章
Tag
邦友
鐵人賽
搜尋
2024 iThome 鐵人賽
DAY
22
0
佛心分享-IT 人自學之術
從零開始學習TypeScript、Vue.js !!
系列 第
22
篇
Day 22
16th鐵人賽
jay0519
2024-10-06 21:50:59
33 瀏覽
分享至
範例:待辦任務清單
透過前面的學習,接下來嘗試做出一個待辦任務清單應用,功能有展示未完成的任務、新增新的任務及刪除已經完成的任務。
使用HTML架設應用框架結構
首先建立一個HTML檔:
這段程式主要先在頁面上定義兩部分,表單輸入匡用來新建任務,有序清單則用來顯示待辦任務,執行畫面如下圖。
目前頁面中僅展示了表單輸入匡的部分,要將代辦的任務新增進來,需透過JavaScript程式實現邏輯。
實現待辦任務清單邏輯
接著在程式中新增:
再次執行後,可以在輸入框中新增待辦任務,該任務會在下方顯示出來,並且可透過點擊右邊的刪除任務,就可以將完成的任務刪除。
這樣就完成了一個簡單的應用,今天的介紹就先到這邊,明天要介紹的內容是Vue元件的屬性及方法!
留言
追蹤
檢舉
上一篇
Day 21
下一篇
Day 23
系列文
從零開始學習TypeScript、Vue.js !!
共
30
篇
目錄
RSS系列文
訂閱系列文
0
人訂閱
26
Day 26
27
Day 27
28
Day 28
29
Day 29
30
Day 30 !!
完整目錄
直播研討會
{{ item.subject }}
{{ item.channelVendor }}
{{ item.webinarstarted }}
|
{{ formatDate(item.duration) }}
直播中
立即報名
尚未有邦友留言
立即登入留言
iThome鐵人賽
參賽組數
1064
組
團體組數
40
組
累計文章數
21841
篇
完賽人數
595
人
看影片追技術
看更多
{{ item.subject }}
{{ item.channelVendor }}
|
{{ formatDate(item.duration) }}
直播中
熱門tag
看更多
15th鐵人賽
16th鐵人賽
13th鐵人賽
14th鐵人賽
12th鐵人賽
11th鐵人賽
鐵人賽
2019鐵人賽
javascript
2018鐵人賽
python
2017鐵人賽
windows
php
c#
windows server
linux
css
react
vue.js
熱門問題
程式開發人員的電腦軟體是否受MIS管理
VS Code 啟動好慢
Fortigate 防火牆政策設定問題
交換器設備
UPS加電池櫃以後確認的問題
網域內所有裝置密碼強度變更
請問有中國大陸用語轉台灣用語AI工具嗎?
fortinet中文客服
Win11 耳機一邊沒有聲音
如何將Windows 檔案總管內圖示放大?
熱門回答
交換器設備
程式開發人員的電腦軟體是否受MIS管理
Fortigate 防火牆政策設定問題
如何將Windows 檔案總管內圖示放大?
VS Code 啟動好慢
熱門文章
Day29 什麼?肛門也能下棋!
[ANNOUNCE] New Kafka PMC Member: Chia-Ping Tsai
Day 31 - 完賽 :)
[Day30] 噴殺蟲劑的房間要通風多久才能住進去
Day 30 - 例外處理的幕後真相
IT邦幫忙
×
標記使用者
輸入對方的帳號或暱稱
Loading
找不到結果。
標記
{{ result.label }}
{{ result.account }}