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

非同步組件

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

Tags:

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

NET Magazine國際中文電子雜誌

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

月分類Month List