技術 iView-Modal

iView - Modal 一套基於 Vue.js 的高質量UI 組件庫，此篇介紹Modal(對話框) Github iview/iview 範例 標準對話...

JB ‧ 2018-10-22

技術 event handler

菜菜菜的 Vue 30天 - Day7 event 我們在前一章的最後面有提到了 v-on ，那這個是什麼呢？！ 其實它就 Vue 的事件(event)處理，就...

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

技術 （第九天）自我學習 - 標籤上指定一個 Class 做綁定

單一 Class 綁定 上次學的是把所有的 class 做綁定，不知道大家有沒有這樣的一個問題，如果想要綁定一個的話怎麼辦呢？ //一開始在 data 裡面...

LucyLiou ‧ 2018-10-22

技術 Vue.js Core 30天屠龍記(第8天): 監聽器( watch )

Vue 提供了監聽器，當資料變化時叫用函數，函數會有兩個傳入參數: 改變前的值、改變後的值，可以使用這個函數做跟此資料變化有關的處理。 介紹 監聽器在 Vue....

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

技術 [Vue,組件] 如何由父組件傳值（Value）給子組件

以下會用到 Pug 套件，請去安裝 pug套件，可參考： 從頭開始用 Laravel 來做CRUD -12- 架設 - npm - pug 重點： pr...

技術 [Vue,組件] 如何由父組件按鈕去執行子組件的方法 (methods)

以下會用到 Pug 套件，請去安裝 pug套件，可參考： 從頭開始用 Laravel 來做CRUD -12- 架設 - npm - pug 有時我們必需由...

技術 從頭開始用 Laravel 來做CRUD -12- 架設 - npm - pug

目前環境 Laravel：5.7 資料庫：MariaDB 說明 所謂的CRUD是指 新增(Create)、讀取(Read)、更新(Update)、刪除(...

技術 開胃餐點 - 峰峰相連互動式資料表單

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

技術 開胃餐點 - 期間限定篩選佐資料轉換

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

技術 Vue.js Core 30天屠龍記(第7天): 計算屬性

在模板中可以放入 JavaScript 表達式來做運算，在簡單的例子中很方便，但在真正開發時，會造成兩個問題: 在模板內寫表達式，會看到 HTML 內穿插著...

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

技術 07. Nuxt 頁面怎麼切會更好？以電商登入頁為例

本來打算介紹 Nuxt 版面依功能劃分、由哪些區塊組成。 想到六角學院才比完《甜點電商PK賽》，現成切好的版面很好找，參賽選手也不少，拿來說明與練習再適合不過。...

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

技術 [Day 7] Vue Quasar 打造 旅遊網站系列 3 - Carousel (頁面輪播)

今天就來做我們的首頁吧 ～！！ ?? 其他兩家的首頁 基本上都是圖片輪播的形式 加上一個輸入匡來搜尋目的地 那我們今天就來做這個輪播功能吧 建立新的首頁 由於...

RenZhou ‧ 2018-10-21

技術 06. Nuxt Routing 規則入門

前一章我們新增 /pages/product.vue編輯即可在 http://localhost:3000/product 預覽頁面。 pages/ --| p...

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

技術 Day 26 : Vue - Axios

Vue-Axios 今天來介紹的是，該如何去介接 API，也就是使用 AJAX 取得資料，以前官方推薦的是 Vue-resource，現在則是有 Axios 取...

Magisheng ‧ 2018-10-26

技術 Day 25 : 切換路由方法

切換路由方法 之前有提到切換路由的方法是使用 router-link 來切換，今天我們來介紹另一種不同的方式，這裡附上官方文件 API 參考，搭配官方文件的介紹...

Magisheng ‧ 2018-10-25

技術 Day 24 : 同一路徑載入多個頁面元件

同一路徑載入多個頁面元件 現在我們已經能夠靠點擊連結來切換我們想要訪問的路徑，並且利用切換頁面元件的方式達到切換頁面的效果，是不是越來越有單頁式應用程式的感覺了...

Magisheng ‧ 2018-10-24

技術 Day 23 : 製作巢狀路由

製作巢狀路由 昨天介紹如何新增路由及路由連結，今天再來更深入一點點，就是製作巢狀路由，在切換元件的時候，如果只想切換部份內容，就可以使用巢狀路由的方式，馬上來看...

Magisheng ‧ 2018-10-23

技術 從頭開始用 Laravel 來做CRUD -11- 架設 - npm - Vue.js 相關套件

目前環境 Laravel：5.7 資料庫：MariaDB 說明 所謂的CRUD是指 新增(Create)、讀取(Read)、更新(Update)、刪除(...

技術 Vue.js Core 30天屠龍記(第6天): 模板語法 Part 2 - Directives

模板語法 Part 2 - Directives 前一章談到了 Mustache 標籤: 可以把實體的資料響應在頁面上的 {{}} ，這次來看看另一個語法 Di...

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

技術 [Vue,組件] 如何由子組件按鈕去執行父組件的方法 (methods)

以下會用到 Pug 套件，請去安裝 pug套件，可參考： 從頭開始用 Laravel 來做CRUD -12- 架設 - npm - pug 當你開始使用...

技術 v-model

菜菜菜的 Vue 30天 - Day6 v-model 繼上一章介紹了單向綁定，這章就來介紹一下雙向綁定。 單向綁定是能夠將 data 綁定到 html tag...

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

技術 vue-i18n (4) - Component interpolation

vue-i18n (4) 多國語系套件 Github kazupon/vue-i18n 假設我們要串接多個vue-i18n的語系字典，例如： 最直覺的寫法...

JB ‧ 2018-10-21

技術 v-bind 綁定語法

菜菜菜的 Vue 30天 - Day5 好的前一章講完了 data 方法及 {{}} 語法能夠讓 data 在 html 上渲染出來。 接下就來講講綁定語法，那...

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

技術 [Day 6] Vue Quasar 打造 旅遊網站系列 2 - List & ListItem

昨天已經將Header做好了 今天就接著昨天的進度吧～ 還記得昨天將header上的按鈕設定為 gt-xs 嗎 因為手機頁面沒辦法在上方的toolbar顯示這麼...

RenZhou ‧ 2018-10-20

技術 Day 22 : 新增路由路徑

新增路由路徑 今天要來介紹如何新增路由路徑，並且如何切換頁面，馬上就來看範例吧！ src/components/Page.vue //檔案位置 <tem...

Magisheng ‧ 2018-10-22

技術 Day 21 : Vue Router

Vue Router 透過 Vue Router 我們可以製作出多視圖的單頁應用程式也就是 SPA，現在先讓我們看看該怎麼使用吧！ 如何使用 這邊先用 vue-...

Magisheng ‧ 2018-10-21

技術 vue-i18n (3) - Formatting

vue-i18n (3) - Formatting 多國語系套件 Github kazupon/vue-i18n 延續上一篇，我們來看如何使用vue-i18...

JB ‧ 2018-10-20

技術 補充： Vue-cli 2

Vue-cli 2 其實我還是比較習慣使用 vue-cli 2，所以這裡多補充一下如何使用 vue-cli 2。在官方文件中有提到，因為 vue-cli 3 和...

Magisheng ‧ 2018-10-20

技術 [Day 5] Vue Quasar 打造 旅遊網站系列 1 - Header

本篇演示項目 Toolbar ToolbarTitle Button 這幾天都在想要演示什麼主題會比較好 想一想最近突然好想要出去玩 那就乾脆來做旅遊網站好...

RenZhou ‧ 2018-10-19

技術 vue-i18n (2) - DateTime & Number

vue-i18n (2) - DateTime & Number 多國語系套件 Github kazupon/vue-i18n 延續上一篇，我們來看...

JB ‧ 2018-10-19