iT邦幫忙

vue.js相關文章
共有 1664 則文章
鐵人賽 自我挑戰組 DAY 28

技術 Day 28 : Vuex

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

鐵人賽 Modern Web DAY 12
Vue.js套件介紹及範例 系列 第 12

技術 iView - AutoComplete

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

鐵人賽 Modern Web DAY 12

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

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

鐵人賽 Modern Web DAY 12

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

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

鐵人賽 自我挑戰組 DAY 13

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

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

鐵人賽 Modern Web DAY 11
菜菜菜的 Vue 30天 系列 第 11

技術 watch

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

鐵人賽 Modern Web DAY 11
勇者鬥Vue龍 系列 第 11

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

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

鐵人賽 Modern Web DAY 11

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

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

鐵人賽 Modern Web DAY 11
Vue.js套件介紹及範例 系列 第 11

技術 vue-fuse

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

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

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

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

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

鐵人賽 Modern Web DAY 10
Daily UI : 開發者版 系列 第 10

技術 Vuetify:Account Settings

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

鐵人賽 Modern Web DAY 10
菜菜菜的 Vue 30天 系列 第 10

技術 BMI 產生器

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

鐵人賽 自我挑戰組 DAY 12

技術 (第十二天)自我學習 - Vue checkbox 複選

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

鐵人賽 Modern Web DAY 10
勇者鬥Vue龍 系列 第 10

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

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

鐵人賽 Modern Web DAY 10

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

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

鐵人賽 Modern Web DAY 9
菜菜菜的 Vue 30天 系列 第 9

技術 computed

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

鐵人賽 Modern Web DAY 9

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

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

鐵人賽 Modern Web DAY 9
勇者鬥Vue龍 系列 第 9

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

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

鐵人賽 Modern Web DAY 10
Vue.js套件介紹及範例 系列 第 10

技術 v-mask

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

鐵人賽 Modern Web DAY 9

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

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

鐵人賽 Modern Web DAY 9
Vue.js套件介紹及範例 系列 第 9

技術 vue-markdown

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

鐵人賽 Modern Web DAY 8
菜菜菜的 Vue 30天 系列 第 8

技術 methods

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

鐵人賽 自我挑戰組 DAY 10

技術 (第十天)自我學習 - v-if v-else-if v-else

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

鐵人賽 Modern Web DAY 8

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

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

鐵人賽 自我挑戰組 DAY 27

技術 Day 27 : Event Bus

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