路由

by vivid 4. 九月 2019 07:13
.NET Magazine國際中文電子雜誌 作 者:許薰尹 審 稿:張智凱 文章編號:N190921101 出刊日期:2019/9/4 Vue預設不含路由的功能,官網文件上說明,對於大部分的單頁應用程式(Single Page Applications)而言,推荐使用官方支援的「vue-router」程式庫,參考網站在:「https://github.com/vuejs/vue-router」。「vue-router」程式庫支援的功能包含: 巢狀式路由/檢視對應(View mapping) 模組化,以組件為基礎的路由組態。 ... [更多...]

Tags:

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

自定義過濾器(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

Vue.js入門-1

by vivid 15. 五月 2019 01:43
.NET Magazine國際中文電子雜誌 作 者:許薰尹 審 稿:張智凱 文章編號:N190520702 出刊日期: 2019/5/15 Vue.js是一個開放源碼(Open Source),漸進式框架(Progressive JavaScript Framework),用於開發互動式的網頁使用者操作介面。目前有許多類似的漸進式框架可以簡化前端網頁程式的開發動作,那麼Vue.js有什麼不同呢? Vue.js的特色是專注在使用者檢視層(View),簡單、易用,容易整合到現有的大型專案之中使用。 Vue.js是由前Google工程師尤雨溪(Evan Yo... [更多...]

Tags:

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

Angular 入門

by vivid 1. 五月 2019 10:13
.NET Magazine國際中文電子雜誌 作 者:許薰尹 審 稿:張智凱 文章編號: N190520701 出刊日期: 2019/5/1 在這篇文章中,將要介紹如何利用Angular CLI(Command Line Interface)工具程式建立Angular 7 專案,安裝Angular CLI開發環境,以及介紹一個Angular專案的檔案結構與項目,以讓你了解如何透過Angular來開發前端網頁程式的準備與基本入門。 安裝Angular CLI(Command Line Interface)工具程式 首先開發環境之中要先安裝Angular ... [更多...]

Tags:

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

NET Magazine國際中文電子雜誌

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

月分類Month List