使用TypeScript、Axios送出AJAX請求 - Vue

by vivid 2. 三月 2022 04:55
.NET Magazine國際中文電子雜誌 作 者:許薰尹 審 稿:張智凱 文章編號: N220323501 出刊日期: 2022/3/2 在這篇文章中,將要介紹如何使用TypeScript與axios插件在Vue 3的應用程式中送出AJAX請求從遠端REST API取得資料,搭配Vue Router來顯示詳細資料。 建立vue專案 從建立專案開始,在作業系統命令提示視窗輸入使用以下指令,將專案命為「tscrud」後按下「Enter」鍵: vue create tscrud 選擇「Manually select features」項目手動安裝,並... [更多...]

Tags:

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

在Vue 3使用Bootstrap 5設計樣式

by vivid 27. 十月 2021 03:17
.NET Magazine國際中文電子雜誌 作 者:許薰尹 審 稿:張智凱 文章編號: N211023002 出刊日期: 2021/10/27 本篇文章將要介紹如何透過Vue CLI 4.5.x版來快速的建立一個Vue 3專案,整合Bootstrap 5來設計網頁樣式,並介紹如何將一些常用的Bootstrap元件,例如「Navbar」、「Collapse」、「Popovers」整合到專案之中。 使用Vue CLI建立專案 Vue CLI是命令列介面(Command Line Interface)的縮寫,提供一個完整的開發環境讓你能夠更容易撰寫Vue... [更多...]

Tags:

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

整合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國際中文電子雜誌

Vuetify

by vivid 13. 十一月 2019 02:47
.NET Magazine國際中文電子雜誌 作 者:許薰尹 審 稿:張智凱 文章編號: N191121301 出刊日期: 2019/11/13 在這篇文章之中,將介紹如何在「Vue」專案之中透過「Vuetify」來設計網站的版面,即使你不熟悉UX設計的原則,也能夠輕鬆做出具吸引力的、符合質感設計(Material Design)的互動式網頁介面。   建立Vue CLI專案 讓我們先利用Vue CLI 3.11版建立一個專案,在命令提示視窗輸入使用以下指令,建立一個專案,將專案命為「myvuetify」後按下「Enter」鍵: vue ... [更多...]

Tags:

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

定義模板

by vivid 30. 十月 2019 11:53
.NET Magazine國際中文電子雜誌 作 者:許薰尹 審 稿:張智凱 文章編號: N191021203 出刊日期: 2019/10/30 在Vue應用程式之中,要定義組件(Component)的模板(Template)方式有很多種,包含以下常用的作法: 字串模板(String Template) 模板字符串(Template literal) 內聯模版(Inline Templates) x-template 渲染函數(Render Function) 單文件組件(Single File Compo... [更多...]

Tags:

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

NET Magazine國際中文電子雜誌

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

月分類Month List