iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Vue.js

.NET Core與Vue3組合開發技 系列

因應市面大多是針對搭配node.js或其他後端API的整合範例
較少探討到如何跟.net core後端api整併
此次30天的挑戰將藉由詳實的自我學習筆記整理來介紹兩者組合
並佔的比例:70%vue.js,30%後端.net core api部分

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

[Day 21] 父子組件常見操作_part1.(props,defineProps)

眾所周知,vue前端框架中組件提升程式碼複用性,為了達到組件的高度重複使用,可以在其它地方使用組件時,在外部(父組件)傳遞資料給子組件。這樣可以實現將外部的資料...

2023-09-30 ‧ 由 Samuel 分享
DAY 22

[Day 22] 父子組件常見操作_part2.($emit事件監聽)

對於 Vue 中的Component,不僅能透過 props 從外部向組件傳入資料,還可以在組件內部與外部父組件進行互動,一般可以透過事件來解決。 在父組件透過...

2023-10-01 ‧ 由 Samuel 分享
DAY 23

[Day 23] 父子組件常見操作_part3.(slots插槽)

Vue裡面提供了所謂"slots" 插槽的功能,可以在父組件中,將一段 HTML 程式碼傳入到子組件中。這樣在父組件與子組件合併後,就會將父...

2023-10-02 ‧ 由 Samuel 分享
DAY 24

[Day 24] 父子組件常見操作_part4.vue動態組件實作

Vue 中的動態組件是指當在父組件中需要對多個子組件進行來回的切換,此時就能使用動態組件來實現。例如,將 comp1.vue、comp2.vue 和 comp3...

2023-10-03 ‧ 由 Samuel 分享
DAY 25

[Day 25] 父子組件常見操作_part5.跨組件屬性傳遞(子組件單或多個根元素)

父組件中匯入子組件之後,我們就可以在父組件中對子組件傳遞屬性啦。而這個屬性的傳遞會是自動去實踐的,不需要在父組件和子組件中做任何操作。 在父組件中對子組件傳遞屬...

2023-10-04 ‧ 由 Samuel 分享
DAY 26

[Day 26] 父子組件常見操作_part6.vue的依賴注入(provide,inject)

在Vue中是不是大致上就只有父子組件兩層級的傳遞關係呢?事實上並非如此,可能有到三層以上的組件嵌套情境。 而Vue提供所謂"依賴注入"機制主...

2023-10-05 ‧ 由 Samuel 分享
DAY 27

[Day 27] Transition組件的使用

Vue本身提供了內建的一個組件< Transition >會在一個元素或元件進入和離開DOM 時套用動畫。 < Transition >...

2023-10-06 ‧ 由 Samuel 分享
DAY 28

[Day 28] Vue的事件

雖然前面篇章已經用了很多event的實作了,但還是稍微特別在寫一篇來筆記一下。 基本上用上述架構來去認識所謂事件 在探討vue中事件處理方式之前又要稍微回顧一下...

2023-10-07 ‧ 由 Samuel 分享
DAY 29

[Day 29] http請求配置axios_新增Web API專案

Vue前端要去進行http請求,使用的是 Axios 元件實作 HTTP 請求WebAPI 伺服器,在此使用 ASP.NET Core WebAPI 專案為前端...

2023-10-08 ‧ 由 Samuel 分享
DAY 30

[Day 30] vue搭建後端web api請求互動

針對後端api專案新增一個Student.cs的類別程式檔案 Student.cs namespace Net.Vue.WebAPI { public...

2023-10-09 ‧ 由 Samuel 分享