iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Cloud Native

Vue 上 雲 霄 系列

Vue 上 雲 霄

參賽天數 22 天 | 共 21 篇文章 | 0 人訂閱 訂閱系列文 RSS系列文 團隊NUTC_IMAC_WEB_桑貝比
DAY 11

[Day 11] 忘了約prop桑出門

大家好啊~今天是鐵人賽的第11天唷!今天沒有props當子元件的資料傳遞,不但不會出錯,而是會直接將外層class內容給DOM。 <div id=&quo...

2023-09-26 ‧ 由 Fish_opera 分享
DAY 12

[Day 12] 雙向奔赴?還是單戀?

大家好,今天是鐵人賽的第12天。今天要來說說何謂雙向綁定和單向資料流。v-model會對Vue的data與頁面上元件進行綁定,當元件被更新時,Vue會直接對實體...

2023-09-27 ‧ 由 Fish_opera 分享
DAY 13

[Day 13] V,你好

大家好今天是鐵人賽的第13天,明天就要放假啦!放假也不能忘記發文章喔!今天要講v的事件!首先要講v-text,前面所說的渲染要在網頁呈現想要的文字時,會用{{}...

2023-09-28 ‧ 由 Fish_opera 分享
DAY 14

[Day 14]V,你去烤肉怎麼不早說!

大家好今天是鐵人賽的第14天,先祝各位中秋節快樂唷!有注意到標題為什麼有V嗎?絕對不是什麼說某款遊戲的主角,題外話~今天要說的是v-pre和v-once。v-p...

2023-09-29 ‧ 由 Fish_opera 分享
DAY 15

[Day 15] V,I REALLY WANT TO STAY AT YOUR HOUSE

大家好,今天是鐵人賽的第15天,很高興鐵人賽的賽程過了一半。最近學到一個串接API的方式,Stream API我會說他是資料流,他允許JS程式設計存取從網路接收...

2023-09-30 ‧ 由 Fish_opera 分享
DAY 16

[Day 16]V,你看起來怪怪的。

大家好,今天是鐵人賽的第16天,廢話不多說就進入今天的內容吧!今天要說的是事件綁定v-on。用法如下: <template> <p&g...

2023-10-01 ‧ 由 Fish_opera 分享
DAY 17

[Day 17] V,今天條件如何?

大家好,今天是鐵人賽的第17天唷!今天要說的是條件判斷的部分,v-if、v-show。v-if:v-if與v-else切換,會直接開啟、關閉其生命週期,透過按鈕...

2023-10-02 ‧ 由 Fish_opera 分享
DAY 18

[Day 18] v,你究竟是為了什麼?

大家好啊~今天是鐵人賽的第18天唷!今天要說的是v-for列表渲染,將陣列或物件的資料重複且呈現在網頁,用item in items去使用,而item的命名不限...

2023-10-03 ‧ 由 Fish_opera 分享
DAY 19

[Day 19] V學長,可以幫我看看Router嗎?

大家好今天是鐵人賽的第19天唷!vue-router是Vue的路由管理器,用於建立單一頁面應用程式。允許您定義網頁的導航和狀態。 安裝和配置首先要安裝Vue.j...

2023-10-04 ‧ 由 Fish_opera 分享
DAY 20

[Day 20] V,路有(由)很多條你想怎麼走?

大家好今天是鐵人賽的第20天唷!前一天文章,介紹了vue-router的基本用法。今天要多說一些用法:命名路由允許你為路由定義一個名稱,以便在程式中進行引導。例...

2023-10-05 ‧ 由 Fish_opera 分享