技術 iView - Tree

iView - Tree 一套基於 Vue.js 的高質量UI 組件庫，此篇介紹Tree(樹狀顯示器) Github iview/iview 範例 HTML...

JB ‧ 2018-10-31

技術 主廚推薦 - 科學單檔模組化料理

Alex ‧ 2018-10-31 ‧團隊浪流連九程式匠自然產生的佛系碼農專區

技術 Vue.js Core 30天屠龍記(第17天): `v-on` 的修飾符 Part 1 - 事件修飾符

講解事件時有提到 v-on 所綁定的事件後面可以以點( . )來區隔事件及修飾符，像是 @click.prevent 中 click 是事件，而 prevent...

Peter Chen ‧ 2018-11-01 ‧團隊一閃一閃小星星

技術 Vue.js Core 30天屠龍記(第16天): 事件處理

Vue.js 中可以使用 v-on 監聽 DOM 事件，當事件觸發時可以叫用設定的函數或是 JavaScript 陳述式做相關的處理。 使用 JavaScrip...

Peter Chen ‧ 2018-10-31 ‧團隊一閃一閃小星星

技術 15. Nuxt 透過 fetch 動態產生內容，並在 Client 使用

這篇主題講「Nuxt 如何用 fetch 動態產生頁面內容」 用來補充頁面細部設定 複習一下 Nuxt 收到請求後的處理流程 asyncData 和 fetc...

Ralph ‧ 2018-10-30 ‧團隊InfoSec Horadrim

技術 filter

菜菜菜的 Vue 30天 - Day15 filter 今天要介紹的是 filter，filter 使用在處理文字格式的問題。 filter 的宣告方式分為 全...

Andy Tsai ‧ 2018-10-30 ‧團隊好想工作室第二屆鐵人賽

技術 iView - Cascader

iView - Cascader 一套基於 Vue.js 的高質量UI 組件庫，此篇介紹Cascader(級聯選擇器) Github iview/iview...

JB ‧ 2018-10-30

技術 [Day 15] Vue Quasar 表單元件 4 - Checkbox

精巧而美的複選元件Checkbox Checkbox 今天的 Checkbox 跟昨天的Radio可以說是孿生兄弟 xD ?! 支援的屬性也都差不多～ 但是還是...

RenZhou ‧ 2018-10-29

技術 Vue.js Core 30天屠龍記(第15天): 使用 `set` 新增實體中的屬性

在 vue 中，建立實體後才加入的屬性因為沒有被給予 getter 及 setter ，所以不會被響應系統察覺，但使用 set 方法加入的屬性則會被賦予 get...

Peter Chen ‧ 2018-10-30 ‧團隊一閃一閃小星星

技術 14. Nuxt 透過 asyncData 動態產生頁面內容

這篇主題講「Nuxt 如何用 asyncData 動態產生頁面內容」 用來補充頁面細部設定 asyncData 在執行順序中，排在頁面渲染(render)前，回...

Ralph ‧ 2018-10-29 ‧團隊InfoSec Horadrim

技術 iView - Carousel

iView - Carousel 一套基於 Vue.js 的高質量UI 組件庫，此篇介紹Carousel(跑馬燈) Github iview/iview 範...

JB ‧ 2018-10-29

技術 （第十六天）自我學習 - component 事件傳遞

使用 component 的事件傳遞 當我們在使用 component 的時候會有組件，那這些組件之間會如何傳遞資料呢？又或者如何使資料可以進入到組建中呢？...

LucyLiou ‧ 2018-10-29

技術 To Do List

菜菜菜的 Vue 30天 - Day14 好的，過這幾章我們又多學了幾個語法，今天這章再來做一個實作吧～ To Do List 今天要實作的項目待辦事項清單(T...

Andy Tsai ‧ 2018-10-29 ‧團隊好想工作室第二屆鐵人賽

技術 [Emacs-28] 用 Emacs 來寫 Vue.js 實戰篇

前面 介紹了用 Emacs 寫 Vue.js 的設定，這一篇來看看這些設定如何真正使用在編輯 Vue.js 的專案 開始一個專案 使用 $vue create...

洋蔥 ‧ 2018-10-29

技術 餐具擺盤 - 特製雕花 Vue-cli 3.0 與 Node.js 開發環境

Alex ‧ 2018-10-30 ‧團隊浪流連九程式匠自然產生的佛系碼農專區

技術 Vue.js Core 30天屠龍記(第14天): 響應系統

到現在我們對改變 vue 實體上的資料就可以重新渲染畫面這件事已經習以為常了，但實際上是如何運作的呢? 今天會介紹 Vue.js 如何以它的響應系統同步資料及頁...

Peter Chen ‧ 2018-10-29 ‧團隊一閃一閃小星星

技術 （第十五天）自我學習 - component Table 標籤使用

Table 標籤使用 component 在使用 Table 標籤的時候需要注意，因為普通使用標籤的時候可以直接的使用，但是 component 在使用的時候...

LucyLiou ‧ 2018-10-28

技術 Vue.js Core 30天屠龍記(第13天): 列表渲染

在 vue 中，要在頁面上綁定資料時會使用不同的 Directives 或是模板語法做操作，但這些綁定方式都是針對單純的資料格式，當資料是一個複雜的結構像是陣列...

Peter Chen ‧ 2018-10-28 ‧團隊一閃一閃小星星

技術 [Day 14] Vue Quasar 表單元件 3 - Radio

簡單的單選元件 Radio Radio Quasar的Radio元件跟其他表單輸入元件的基本屬性都大同小異 一樣也可以用QFiled把它包裝起來哦 引入元件 f...

RenZhou ‧ 2018-10-28

技術 iView - Steps

iView - Steps 一套基於 Vue.js 的高質量UI 組件庫，此篇介紹步驟條(Steps) Github iview/iview 範例 先定義幾...

JB ‧ 2018-10-28

技術 [Emacs-27] 用 Emacs 來寫 Vue.js 設定篇

Emacs 對於編輯 Vue.js 專案的支援 程式補全：company-tide (javascript), company-web-html (html)...

洋蔥 ‧ 2018-10-28

技術 用餐插曲 - 怎麼沒有魯肉飯!? 其他菜色瀏覽

Alex ‧ 2018-10-29 ‧團隊浪流連九程式匠自然產生的佛系碼農專區

技術 總匯拼盤 - 家鄉通訊錄佐手作 API #2

Alex ‧ 2018-10-28 ‧團隊浪流連九程式匠自然產生的佛系碼農專區

技術 [Day 13] Vue Quasar 表單元件 2 - Chips Input

輸入陣列的好幫手 Chips Input Chips Input 是不是有些時候建立使用者表單輸入時，會有能填多種值的欄位，像是興趣、職業等等。 但是又怕使用...

RenZhou ‧ 2018-10-27

技術 （第十四天）自我學習 - component 第二次學習

component 資料顯示 在第一次學習 component 的時候，只有標籤可以使用，但是這次有學到如何在 component 顯示 data 裡面的資料...

LucyLiou ‧ 2018-10-27

技術 Vue.js Core 30天屠龍記(第12天): 條件渲染

本文會介紹可以依照條件變化改變渲染元素的 Directives ，分別是以 v-if 、 v-else-if 及 v-else 為一組的條件渲染 Directi...

Peter Chen ‧ 2018-10-27 ‧團隊一閃一閃小星星

技術 條件渲染(v-if、v-else、v-else-if 及 v-show)

菜菜菜的 Vue 30天 - Day12 這章要介紹的是條件式渲染，說到條件式理所當然想到的就是 if else。 我想對 JS 有一定了解的各位應該很清楚 i...

Andy Tsai ‧ 2018-10-27 ‧團隊好想工作室第二屆鐵人賽

技術 iView - Input

iView - Input 一套基於 Vue.js 的高質量UI 組件庫，此篇介紹Input輸入框 Github iview/iview 範例 具有清空按鈕...

JB ‧ 2018-10-27

技術 Day 30 : Vuex 計數器範例 - 2

Vuex 計數器範例 - 2 今天來把昨天的計數器的範例整理成正確的資料結構，如果你還沒完成昨天的範例的話，建議先完成一下，今天的內容才會比較看得懂唷！ 物件展...

Magisheng ‧ 2018-10-30

技術 Day 29 : Vuex 計數器範例

Vuex 計數器範例 相信昨天介紹完了 Vuex 後還是會有很多人不知道該如何使用，今天就用實際範例來介紹 Vuex 究竟該如何使用，直接看下面的範例吧！ 安裝...

Magisheng ‧ 2018-10-29