非同步組件

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

使用Vue CLI與Vuex建立應用程式 - 2

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

Tags:

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

使用Vue CLI與Vuex建立應用程式 - 1

by vivid 18. 九月 2019 08:57
.NET Magazine國際中文電子雜誌 作 者:許薰尹 審 稿:張智凱 文章編號: N190921102 出刊日期: 2019/9/18 本系列文章將要介紹如何透過Vue CLI 3.x版來快速的建立一個Vue專案,並了解專案中相關的檔案用途,以設計一個小型的留言應用程式,可以新增、刪除、修改留言。 Vue CLI是命令列介面(Command Line Interface)的縮寫,提供一個完整的開發環境讓你能夠更容易撰寫Vue應用程式,例如讓你選擇要使用的其它程式庫(Library),並自動安裝到專案。Vue CLI自動會設定透過Webpack來打... [更多...]

Tags:

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

自定義過濾器(Custom Filter)

by vivid 21. 八月 2019 07:56
.NET Magazine國際中文電子雜誌 作 者:許薰尹 審 稿:張智凱 文章編號:N190821002 出刊日期:2019/8/21 Vue可以允許你自定義過濾器(Custom Filter),針對文字來進行格式化的動作,或在{{}}符號中,進行字串插值處理,也可以搭配「v-bind」表達式(expression)來使用。自定義過濾器(Custom Filter)要使用「|」(pipe)符號,套用在JavaScript表達式後方。 自定義過濾器(Custom Filter)包含兩種類型:全域過濾器(Global Filter)與區域過濾器(Local... [更多...]

Tags:

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

自定義指令(Custom Directive)

by vivid 7. 八月 2019 07:48
.NET Magazine國際中文電子雜誌 作 者:許薰尹 審 稿:張智凱 文章編號:N190821001 出刊日期:2019/8/7 在這篇文章將延續本站《Vue.js入門》系列文章,來介紹如何設計自定義指令(Custom Directive)。回顧一下,指令(Directives)是前置「v-」符號的特殊特性(Attribute),讓你可以透過Vue套用一些特效到DOM物件上。預設Vue提供多樣的指令來供你使用,例如「v-if」、「v-show」、「v-else」、「v-model」、「v-bind」等等。 除了這些預設的指令之外,Vue可以讓你自定... [更多...]

Tags:

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

Vue.js事件

by vivid 24. 七月 2019 07:31
.NET Magazine國際中文電子雜誌 作 者:許薰尹 審 稿:張智凱 文章編號:N190720902 出刊日期:2019/7/24 在這篇文章將延續本站《Vue.js入門》系列文章,來介紹如何透過Vue來註冊事件。 JavaScript利用事件(Event)和網頁中的HTML項目進行互動,例如,當使用者利用滑鼠點選網頁中的項目時,就會觸發此項目的Click事件,我們可以撰寫程式碼來註冊接聽這個事件,在接聽的事件「click」發生時,執行特定的程式碼,這段程式碼稱為事件接聽程式(Event Listener)。 Vue提供簡易的「v-on」指示詞,... [更多...]

Tags:

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

Vue.js單一元件檔案資料繫結

by vivid 10. 七月 2019 01:16
.NET Magazine國際中文電子雜誌 作 者:許薰尹 審 稿:張智凱 文章編號:N190720901 出刊日期:2019/7/10 在本站《Vue.js資料繫結》文章中介紹基本的資料繫結概念、各種表單欄位資料繫結,例如文字方塊、多行文字方塊、核取方塊、圓型按鈕、清單方塊等等繫結,本文將延續此篇文章,來介紹單一元件檔案資料繫結,以讓你的元件資料與DOM同步。 繫結至單一元件檔案(Single File Component) 現在讓我們來看看如何繫結CSS樣式到單一元件檔案(Single File Component)。單一元件檔案專案的建立請參考本... [更多...]

Tags:

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

Vue.js資料繫結

by vivid 26. 六月 2019 00:42
.NET Magazine國際中文電子雜誌 作 者:許薰尹 審 稿:張智凱 文章編號:N190620802 出刊日期:2019/6/26 本文將延續本站《Vue.js入門》系列文章,介紹基本的資料繫結概念、各種表單欄位資料繫結,例如文字方塊、多行文字方塊、核取方塊、圓型按鈕、清單方塊等等繫結,以便讓你的網頁應用程式資料與DOM能夠同步,並進行雙向更新的動作。   雙向資料繫結 表單輸入項目、清單方塊、多行文字方塊等項目,可以利用「v-model」關鍵字建立與Vue之間的雙向繫結功能,設定「v-model」之後,Vue便會監聽輸入事件來更新資... [更多...]

Tags:

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

Vue.js入門 - 3

by vivid 12. 六月 2019 09:52
.NET Magazine國際中文電子雜誌 作 者:許薰尹 審 稿:張智凱 文章編號:N190620801 出刊日期: 2019/6/12 在本站《Vue.js入門 - 1》、《Vue.js入門 - 2》系列文章中,介紹了Vue.js開發環境安裝與設定,以及基本的資料繫結語法、如何設計單一元件檔以達共用,本文將延續前文的介紹,說明計算屬性(Computed property)與條件式生成標籤的「v-if」指示詞用法。   什麼是計算屬性(Computed property)? 在樣板(Template)之中的運算式(Expres... [更多...]

Tags:

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

Vue.js入門 - 2

by vivid 29. 五月 2019 01:45
.NET Magazine國際中文電子雜誌 作 者:許薰尹 審 稿:張智凱 文章編號:N190520703 出刊日期: 2019/5/29 在本站《Vue.js入門 - 1》文章中,介紹了Vue.js開發環境安裝與設定,以及基本的資料繫結語法,和元件的使用,在這篇文章中,將要繼續介紹如何設計Vue.js的單一元件檔案。 單一元件檔案(Single File Component) 若建立的應用程式不是屬於單一網頁應用程式(Single Page Application,SPA),而只有部分的網頁使用到Vue.js,那麼可以使用標準的「new Vue()... [更多...]

Tags:

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

NET Magazine國際中文電子雜誌

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

月分類Month List