iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Vue.js

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

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

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

[Day 11] v-開頭的所有指令全介紹_part2.

v-else-if 指令v-else-if 的意思是針對多個條件進行判斷時使用。一個使用 v-else-if 的元素必須緊接在一個 v-if 或一個 v-els...

2023-09-20 ‧ 由 Samuel 分享
DAY 12

[Day 12] vue的常見四型表達式使用方式

在 Vue 的模板中,所有的資料綁定中都支援完整的 JavaScript 表達式,也就是可以在{{}}中使用表達式。表達式是由運算子和運算元組成的。 如 8+9...

2023-09-21 ‧ 由 Samuel 分享
DAY 13

[Day 13] vue的響應式介紹_ref()及reactive()

vue本身這套框架提供了完整的responsive資料即時連動更新機制。 什麼是響應式?響應式白話來說就是當某變數在其它地方修改之後,任何在修改之前引用到此變...

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

[Day 14] setup()方法 和 <script setup>差異

Vue 中的響應式物件是使用 JavaScript 的 Proxy 代理實踐的,被封裝成了 reactive()和 ref()方法。使用 reactive()方...

2023-09-23 ‧ 由 Samuel 分享
DAY 15

[Day 15] onMounted使用_ref引用html元素使用

onMounted使用vue程式碼寫完後,需要經過編譯、掛載實例、HTML 模板渲染、事件偵聽、更新 DOM 等階段。整個生命週期中,運行著稱為生命週期鉤子的函...

2023-09-24 ‧ 由 Samuel 分享
DAY 16

[Day 16] 使用及引入bootstrap樣式

在 Web 前端開發中,最常見的就是對表單輸入的處理,如文字輸入框、單選鈕、複選框、下拉式選單等。Web 表單上的資料,開發者要取得並傳送給 WebAPI 伺服...

2023-09-25 ‧ 由 Samuel 分享
DAY 17

[Day 17] v-model 指令

在 Vue 中,v-model 指令中綁定的變數名稱要與在 JS 中定義的變數名相同,且變數必須是響應式的。 &lt;!-- eslint-disable --...

2023-09-26 ‧ 由 Samuel 分享
DAY 18

[Day 18] 常見表單的綁定_part1._文字輸入框及單選鈕綁定

絕大部分網頁操作都離不開文字輸入框HTML中,&lt; input &gt;元素稱為輸入元素,主要用於讓使用者在表單上輸入內容,然後收集這些內容並提交給伺服器進...

2023-09-27 ‧ 由 Samuel 分享
DAY 19

[Day 19] 常見表單的綁定_part2._複選框及下拉選單綁定

在 HTML 中,複選框可以一次選取多個,使用&lt; input type=&quot;checkbox&quot;&gt;來表示。複選框呈現的是小方塊,選取...

2023-09-28 ‧ 由 Samuel 分享
DAY 20

[Day 20] v-bind動態值綁定

在前面介紹到的無論單選鈕或複選框下拉選單,它們的v-model 綁定值通常是根據&lt; input &gt;元素的type來確定的,很難獲得一些較有彈性的動態...

2023-09-29 ‧ 由 Samuel 分享