整合Vue與TypeScript - 1

by vivid 14. 四月 2021 04:38
.NET Magazine國際中文電子雜誌 作 者:許薰尹 審 稿:張智凱 文章編號: N210422001 出刊日期: 2021/4/14 Vue 3 版的問市,將大幅增進TypeScript程式語言的支援度,讓開發上較不易出錯。在這一篇文章中,我們將介紹什麼是TypeScript 、它和JavaScript有何不同,如何建立使用TypeScript程式語言開發的Vue 3專案。   什麼是TypeScript 程式語言? TypeScript程式語言是一個開放源碼(Open Source)的程式語言,以JavaScript為基礎來建置... [更多...]

Tags:

.NET Magazine國際中文電子雜誌 | Visual Studio Code | TypeScript | VueJS | 許薰尹Vivid Hsu

Provide/Inject API

by vivid 31. 三月 2021 01:31
.NET Magazine國際中文電子雜誌 作 者:許薰尹 審 稿:張智凱 文章編號: N210322803 出刊日期: 2021/3/31 在Vue應用程式中組件之間可以利用許多方式來傳遞資料,父、子組件可以利用 「props / $emit」來傳遞資料,通知資料異動 ;而兄、弟組件之間則可以通過「EventBus」;若尚不敷使用還可以使用到全域的Vuex插件(Plug-in)搭配狀態(state)資料庫來進行通信。 在簡易的應用程式之中父、子組件利用「props / $emit」來傳遞資料是最簡單的做法。「props」預設支援響應式功能(react... [更多...]

Tags:

.NET Magazine國際中文電子雜誌 | JavaScript | VueJS | 許薰尹Vivid Hsu

Vue 3 Composition API - 2

by vivid 17. 三月 2021 02:50
.NET Magazine國際中文電子雜誌 作 者:許薰尹 審 稿:張智凱 文章編號: N210322802 出刊日期: 2021/3/17 本文將延續《Vue 3 Composition API - 1》一文的說明,來聊一聊Vue 3 Composition API還有哪些新功能。 使用「reactive」函式 「reactive」函式和「ref」函式類似,差異在「reactive」函式無法和基礎資料型別(primitive data types)一起運作。還有一個和使用「ref」函式不一樣的地方在於,在「setup」函式中要存取到「reactiv... [更多...]

Tags:

.NET Magazine國際中文電子雜誌 | JavaScript | VueJS | 許薰尹Vivid Hsu

Vue 3 Composition API - 1

by vivid 3. 三月 2021 02:24
.NET Magazine國際中文電子雜誌 作 者:許薰尹 審 稿:張智凱 文章編號: N210322801 出刊日期: 2021/3/3 Vue 3 新增以函式(Function)為基礎的Composition API,它是除了Options API之外,另一種設計Vue應用程式的新選擇。Composition API不是用來取代Options API的,你仍舊可以在Vue 3應用程式之中使用Options API來進行開發。Options API與Composition API這兩者的相異之處在於: Options API:在組件(Comp... [更多...]

Tags:

.NET Magazine國際中文電子雜誌 | JavaScript | VueJS | 許薰尹Vivid Hsu

Vue 3 新功能簡介 - 2

by vivid 17. 二月 2021 04:07
.NET Magazine國際中文電子雜誌 作 者:許薰尹 審 稿:張智凱 文章編號:N210222702 出刊日期: 2021/2/17 在本站《Vue 3 新功能簡介 - 1》文章中,介紹了Vue 3專案的建立方式,在這篇文章中,將要繼續介紹Vue 3所新增的功能。 Composition API Vue 3版變動最大的、討論最多的主題便是新增了Composition API,提供一種新方式來重複使用程式碼與組織程式碼。在Vue 2.0版時,採用Options API來定義Vue組件的「data」、「methods」、「computed」等... [更多...]

Tags:

.NET Magazine國際中文電子雜誌 | JavaScript | VueJS | 許薰尹Vivid Hsu

Vue 3 新功能簡介 - 1

by vivid 3. 二月 2021 03:29
.NET Magazine國際中文電子雜誌 作 者:許薰尹 審 稿:張智凱 文章編號:N210222701 出刊日期: 2021/2/3 經過兩年的改版,Vue 3終於問市,號稱全面改用TypeScript改寫,在這個版本中你同樣可以選擇使用JavaScript或TypeScript來撰寫Vue應用程式,新版本對於TypeScript的支援度更佳。大部分Vue 2的程式碼與功能,在Vue 3中都依然可以使用,不必從無到有重新學習。不過並非無痛升級,還是有少部分的程式仍需要稍為加以改寫方能運作,Vue 3版同時也加入許多有趣的新功能以支援開發。目前唯一令... [更多...]

Tags:

JavaScript | VueJS | .NET Magazine國際中文電子雜誌

Razor Page入門 - 13

by vivid 20. 一月 2021 00:37
.NET Magazine國際中文電子雜誌 作 者:許薰尹 審 稿:張智凱 文章編號:N210122602 出刊日期: 2021/1/20 這篇文章將延續《Razor Page入門 - 12》一文的ASP.NET Core Razor Page專案,介紹如何在Razor Page網站應用程式之中, 使用Visual Studio 開發工具Scaffold功能快速地建立以Entity Framework Core為基礎的增、刪、查、改(CRUD)頁面,節省開發時間。我們需要在「MyRazorWeb」專案為「Reviews」資料表撰寫CRUD頁面程式碼。 ... [更多...]

Tags:

.NET Magazine國際中文電子雜誌 | ASP.NET Razor Pages | C# | Visual Studio | 許薰尹Vivid Hsu

Razor Page入門 - 12

by vivid 6. 一月 2021 11:29
.NET Magazine國際中文電子雜誌 作 者:許薰尹 審 稿:張智凱 文章編號:N210122601 出刊日期: 2021/1/6 這篇文章將延續《Razor Page入門 - 11》一文的專案,介紹如何在Razor Page網站應用程式之中,呈現Master-Detail(主表明細)檢視頁面。範例中將整合Bootstrap Model對話盒來顯示圖書相關的評論資料。 使用Lazy Load載入資料 Entity Framework Core提供Lazy Load功能,可以在你讀取相關聯資料時,自動下查詢將資料載入。預設Entity Fram... [更多...]

Tags:

.NET Magazine國際中文電子雜誌 | ASP.NET Razor Pages | C# | 許薰尹Vivid Hsu

Razor Page入門 - 11

by vivid 23. 十二月 2020 11:22
.NET Magazine國際中文電子雜誌 作 者:許薰尹 審 稿:張智凱 文章編號:N201222502 出刊日期: 2020/12/23 這篇文章將延續《Razor Page入門 - 10》一文的圖書專案,介紹如何在Razor Page網站應用程式之中,新增一個「Reviews」資料表儲存圖書的評論資料,以了解如何呈現Master-Detail(主表明細)檢視頁面。目前專案中「BookDb」資料庫中包含一個「Books」資料表,其結構描述資訊如下圖: 圖 1:「Books」資料表結構描述資訊。 我們的目標是新增一個「Reviews」資料表,... [更多...]

Tags:

.NET Magazine國際中文電子雜誌 | ASP.NET Razor Pages | C# | 許薰尹Vivid Hsu

設計與使用ASP.NET Core Web API 4- Swagger常用設定

by vivid 9. 十二月 2020 03:23
.NET Magazine國際中文電子雜誌 作 者:許薰尹 文章編號: N201222501 出刊日期: 2020/12/9 這篇文章是《設計與使用ASP.NET Core Web API》系列的文章中的最後一篇,延續《設計與使用ASP.NET Core Web API 1-使用Entity Framework Core存取資料》、《設計與使用ASP.NET Core Web API 2- Swagger》、《設計與使用ASP.NET Core Web API 3-CRUD增刪查改》三篇文章的情境,我們將介紹「Swagger」一些常用設定來客製化ASP.NET C... [更多...]

Tags:

.NET Magazine國際中文電子雜誌 | ASP.NET Web API | C# | 許薰尹Vivid Hsu

NET Magazine國際中文電子雜誌

NET Magazine國際中文電子版雜誌,由恆逸資訊創立於2000,自發刊日起迄今已發行超過500篇.NET相關技術文章,擁有超過40000名註冊讀者群。NET Magazine國際中文電子版雜誌希望藉於電子雜誌與NET Developer達到共同學習與技術新知分享,歡迎每一位對.NET 技術有興趣的朋友們多多支持本雜誌,讓作者群們可以有持續性的動力繼續爬文。<請加入免費訂閱>

月分類Month List