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 1

[Day 01] 前言:vue.js前端框架熱絡原因

Vue.js介紹 Vue.js是一款流行的JavaScript框架,用於構建modern Web應用。其目標是通過提供一套簡單、靈活且高效的工具,使前端開發變得...

2023-09-10 ‧ 由 Samuel 分享
DAY 2

[Day 02] 何謂SFC單一組件檔與API風格

SFC(Single File Components)單一組件檔 是根據 Node.js 創建的 Vue.js 專案,則可用單件組件(SFC)功能的。 單文件組...

2023-09-11 ‧ 由 Samuel 分享
DAY 3

[Day 03] 安裝Node.js藉由CLI開發模式建立vue專案及常見vscode插件配置

何謂Node.Js Node.js 是一個可以在Server端運行 JavaScript 程式碼的運行環境,在Node.js 出現之前,大部分對於 JavaSc...

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

[Day 04] 透過CLI建立的vue的專案目錄結構介紹

無論你是使用 Vite 或者 Vue CLI 產生的 Vue 專案,專案結構都是一致的,只是使用 Vite 構建的 Vue 專案,配置文件名稱為 vite.co...

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

[Day 05] 撰寫一個簡單的vue的SFC程式範例

Based on Node.js 的 Vue 專案中,可以使用SFC編寫獨立的功能模塊。單文件組件(SFC)由三部分組成:(1). < template...

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

[Day 06] Root組件創建及掛載

在前一天篇章寫好的SFC要怎麼RUN跑起來觀察呢? URL若直接要訪問是沒有用的 在 Vue 應用中,所撰寫好的SFC,需要import到 App.vue 的R...

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

[Day 07] 深入介紹掛載底層機制_import為何有時用大括號有時不用?

在 Vue 專案的 src 文件下,有一個 main.js 文件,該文件稱為主配置文件,舉凡是 Vue 應用相關的前置作業、配置,如導入路由組件、導入根組件並進...

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

[Day 08] Vue的Template_文字內容插值

Vue 本身是一套支持響應式的前端框架系統,當應用狀態發生變化時,就會第一時間很智慧地自動重新渲染 DOM。也就是文本內容綁定,將 JS 程式碼中的變數值綁定至...

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

[Day 09] html屬性綁定三型

在上一篇有提及關於內嵌的屬性以css style是無法直接透過雙花括號來做綁定的 因此在vue中提供了v-bind指令來去針對html元素上進行響應式的綁定 在...

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

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

在 Vue template中,可以使用以 v-前綴的指令,v-指令是以属性的形式於 HTML 元素上存在的。若有asp.net core mvc開發經驗者可能...

2023-09-19 ‧ 由 Samuel 分享