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

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

.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... [更多...]

.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... [更多...]

.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」等... [更多...]

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

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

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

.NET Magazine國際中文電子雜誌 作 者：許薰尹 審 稿：張智凱 文章編號： N191021202 出刊日期： 2019/10/16 當Vue應用程式為了提供新功能，不斷的成長，你就會開始意識到，該為應用程式調校效能了，如此方可讓它能夠更快的執行。非同步組件（Async Components）是這個問題的其中一種解法。有些組件並不是一開始就要呈現在網頁上，例如進度提示、對話盒等等，因此一開始將這些可能不需要呈現的組件載入並不是很有意義，在必要時再進行載入會比較理想，這種作法稱做延遲載入（Lazy Loading）。 雖然Vue支援非同步組件，... [更多...]

.NET Magazine國際中文電子雜誌 作 者：許薰尹 審 稿：張智凱 文章編號： N191021201 出刊日期： 2019/10/2 本篇文章延續《使用Vue CLI與Vuex建立應用程式》一文的說明，利用REST API設計留言應用程式的新增、刪除、修改留言功能。   指定遠端資料來源 JSONPlaceholder網站提供偽線上REST API服務，以提供給應用程式開發、測試時使用，您不需要自行建立一個真實的REST API，節省開發的時間。其官網在以下網址：「https://jsonplaceholder.typicode... [更多...]