技術 Day 28 : Vuex

Vuex 接下來要來介紹的是 Vuex，在這我先附上官方文件。 什麼是 Vuex？ Vuex 可以用來管理前端網站的資料狀態，以集中式的方式管理儲存所有元件的狀...

Magisheng ‧ 2018-10-28

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

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

技術 iView - AutoComplete

iView - AutoComplete 一套基於 Vue.js 的高質量UI 組件庫，此篇介紹AutoComplete(自動完成)，適用於讓使用者輸入或選擇...

JB ‧ 2018-10-26

技術 [Day 12] Vue Quasar 表單元件 1 - Field

序 大家好，這篇開始就開始來談後端表單常用到的元件吧～ 原本的旅遊系列再來的頁面都是以layout為主 但是quasar的layout元件也差不多介紹完了 才發...

RenZhou ‧ 2018-10-26

技術 Day 12 : 鷹架 - 前端解決方案 vue-element-admin

vue-element-admin 是一個很成熟的解決方案，多語系、版型、權限和各種表單元件，都集成在這個專案上，目標是將 GamiLMS 上的元件轉成 Vue...

Aoma ‧ 2018-10-26

技術 （第十三天）自我學習 - 下拉式選單

下拉式選單的資料存取與顯示 今天來試試看下拉式選單要如何使用吧！ 先把資料準備好！ data: { //等等要做的事最喜歡的城市 Myfav...

LucyLiou ‧ 2018-10-26

技術 watch

菜菜菜的 Vue 30天 - Day11 watch 這個章節要介紹的就是 watch ，看著這個方法的名稱就應該大概知道功能是什麼了。 它就是在那靜靜的看著你...

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

技術 風味沙拉 - 有機發酵生命週期

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

技術 Vue.js Core 30天屠龍記(第11天): 樣式綁定

前面講了 Class 的特殊綁定方式，今天要來看看樣式的綁定方式。 字串綁定 Style 是 Key Value 做為一組，單個 DOM 元素可以設置多個 St...

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

技術 [Day 11] Vue Quasar 打造 旅遊網站系列 7 - Parallax、Breadcrumbs、Rating

GitHub Demo 今天完成後的畫面 首頁部分已經差不多了 剩下頁尾以及一些小區塊 因為元件都跟之前的文章有重複到 故在這邊就不實作會功能重複的區塊了 製...

RenZhou ‧ 2018-10-25

技術 vue-fuse

vue-fuse 使用Fuse.js做模糊查詢的元件 Github shayneo/vue-fuse 範例 HTML <vue-fuse placeh...

JB ‧ 2018-10-25

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

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

技術 從頭開始用 Laravel 來做CRUD -13- 架設 - npm - vee-validate 套件

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

技術 Vuetify：Account Settings

https://codepen.io/hereiscasio/pen/mzKZzx?editors=1000 Used UI Component ( #2 )...

Casio ‧ 2018-10-25

技術 BMI 產生器

菜菜菜的 Vue 30天 - Day10 經過前面幾天介紹了 Vue 部分的方法，這章就利用前面所學的來做一個簡單的實作吧～ BMI 產生器 我想大家應該都了解...

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

技術 （第十二天）自我學習 - Vue checkbox 複選

複選資料的取得 我們來學一下當資料被複選時，可以如何取得這次會使用的屬性有 v-model //在 data 裡面加入一個 datas 的 list da...

LucyLiou ‧ 2018-10-25

技術 Vue.js Core 30天屠龍記(第10天): Class 的綁定

v-bind 可以綁定各種不同的屬性，其中 Class 及 Style 的綁定較為特別，它們可以利用陣列或是物件綁定對應的 Class/Style 字串，現在讓...

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

技術 [Day 10] Vue Quasar 打造 旅遊網站系列 6 - Cards (卡片)

GitHub Demo 今日完成的畫面 首頁的第一個區塊做完了 今天就來做第二個區塊吧 先看看兩大家的頁面 這種卡片形式的元件，咱們Quasar也有 我們...

RenZhou ‧ 2018-10-24

技術 computed

菜菜菜的 Vue 30天 - Day9 computed 好的，這篇文章所要介紹的是 computed，它是計算屬性，顧名思義就是一個被計算之後的屬性。 一樣直...

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

技術 風味沙拉 - 異國風情資料觀測與設定

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

技術 風味沙拉 - 天然 CSS 過場佐 jQuery 動畫

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

技術 09. Nuxt 頁面元件細部設定

Nuxt 頁面元件跟 Vue File 哪裡不同？ Nuxt Routing 自動映射介紹過，/pages 的 Vue File 對應各個頁面。 雖然寫法一樣，...

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

技術 Vue.js Core 30天屠龍記(第9天): 計算屬性與監聽器的比較

Vue 的計算屬性會在有關的資料產生變化時觸發 callback 函數更新屬性值，而監聽器則是以監聽單個資料變化為主，當監聽的資料產生變化時會觸發 callba...

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

技術 v-mask

v-mask 限制輸入框格式元件，例如當使用者輸入電話號碼"0911123456"，可主動讓其輸入值轉換為"0911-123-4...

JB ‧ 2018-10-24

技術 [Day 9] Vue Quasar 打造 旅遊網站系列 5- Popover (彈出視窗)

今天做完我們的頁面會長這樣～ 今天一樣接續昨天的部分～ 我們來做搜尋點擊但是還沒輸入時下面出現的視窗 KLOOK 的視窗雖然有圖片美觀，本來也想做像這種的...

RenZhou ‧ 2018-10-23

技術 vue-markdown

vue-markdown 將Mardown語法轉成HTML的套件。 Github miaolz123/vue-markdown 範例 使用上相當簡單，只需加...

JB ‧ 2018-10-23

技術 methods

菜菜菜的 Vue 30天 - Day8 methods 繼上一章提到了 methods 的這個方法，我們會在裡面宣告 function 來做使用，functio...

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

技術 （第十天）自我學習 - v-if v-else-if v-else

判斷式 我在學前面的時候想說為什麼只有 v-if 這個屬性，為什麼沒有 else 或是什麼 else if 之類的，最近學的時候就發現了。 來看看如何使用吧...

LucyLiou ‧ 2018-10-23

技術 [Day 8] Vue Quasar 打造 旅遊網站系列 4 - Input、Autocomplete

今日做完後會長這樣 繼續昨天的進度 該補上搜尋的框框了 先來看一下其他兩家的東西 恩... 不簡單啊 ＸＤ? 暫且不看下面的視覺選單 先來打個字搜尋看看...

RenZhou ‧ 2018-10-22

技術 Day 27 : Event Bus

Event Bus 為了接下來幾天的 Vuex，今天先來講一下什麼是 event bus，之前有說過在元件之間的溝通，父元件往內傳資料是用 props，而子元件...

Magisheng ‧ 2018-10-27