iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Vue.js

重新瞭解vue3.js + vite框架 系列

重新瞭解vue3知識點,使用vite框架,並培養每日學習習慣,最後產出一個web作品

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

Day1-進入vue3之前必備知識

鐵人賽第一天 先說說參賽原因 參加課程團隊專題,自己當豬隊友 發現對vue瞭解非常淺薄,想藉由參與30天鐵人賽 培養每日學習態度,且透過這次學習完成作品網站 但...

2023-09-16 ‧ 由 Gina2019 分享
DAY 2

Day2-進入vue3之前必備知識(2)

2-1 this 指向哪裡 function包含多少參數 var a = '全域' function fn(params) { console.log...

2023-09-17 ‧ 由 Gina2019 分享
DAY 3

Day3-進入vue3之前必備知識(3)

3-1 關於箭頭this指向 一般陣列讀取寫法 const arr = [1,2,3,4,5 ]; const filterArr = arr.filter(f...

2023-09-18 ‧ 由 Gina2019 分享
DAY 4

Day4-進入vue3之前必備知識(4)

4-1 Promise非同步 非同步是要等所有語法才會執行 function getData() { setTimeout(() => {...

2023-09-19 ‧ 由 Gina2019 分享
DAY 5

Day5-Vue.js基礎入門:商品後台管理介面(1)

5-1 安裝於google瀏覽器可查看vuehttps://chrome.google.com/webstore/detail/vuejs-devtools/n...

2023-09-20 ‧ 由 Gina2019 分享
DAY 6

Day6-Vue.js基礎入門:商品後台管理介面(2)-v-for +傳入外部資料

6-1 資料操作:傳入外部資料至vue data,更新圖片資料html <div id="app"> <form&gt...

2023-09-21 ‧ 由 Gina2019 分享
DAY 7

Day7-Vue.js基礎入門:商品後台管理介面(final)

7-1 建立修改按鈕事件觸發,解決顯示資料及修改資料同步修改問題,判斷新增及修改功能觸發 <div id="app"> &l...

2023-09-22 ‧ 由 Gina2019 分享
DAY 8

Day8-指令語法v-text

8-1 字串 v-text 與 {{}} <!-- 使用{{}} --> <p>{{ name }}在{{ position }...

2023-09-23 ‧ 由 Gina2019 分享
DAY 9

Day9-多筆資料渲染 v-for

9-0 主要js const App = { data() { return { name: '小明', products:...

2023-09-24 ‧ 由 Gina2019 分享
DAY 10

Day10-條件判斷 v-if

10-0 js <script> const App = { data() { return { name: '小明',...

2023-09-25 ‧ 由 Gina2019 分享