iT邦幫忙

vue.js相關文章
共有 1664 則文章
鐵人賽 Modern Web DAY 19

技術 19. Nuxt Middleware,請求與回應間的中盤商

本篇要回溯「Nuxt 請求處理流程」,介紹 validate() 前一步驟 - Middleware Middleware 中文翻譯為 中介軟體、中間件、中介...

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

技術 vue-tables-2 (1)

vue-tables-2 (1) 表格套件,本篇主要介紹使用Client及Server table的基礎 Github matfish2/vue-table...

鐵人賽 Modern Web DAY 20

技術 Day 20 : 前端路由 - 使用 vue-route 來控制

在前後端分離之後,前端頁面的路由控制變成為重要的課題,由 vue-cli 產生的專案中,其中能夠選擇是否使用 vue-route, // main.js imp...

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

技術 Lifecycle

菜菜菜的 Vue 30天 - Day19 lifecycle 今天要介紹的是生命週期(lifecycle),在 Vue 裡面算是挺重要的部分,接下來就來一一講解...

鐵人賽 Modern Web DAY 20

技術 [Day 20] Vue Quasar 表單元件 9 - Knob (旋轉鈕?)

不知不覺就20天啦,感覺又回到了國高中的年代,每天都有作業要寫~有時候下班累得要死,還是要趕一篇出來 xD。文章寫到這個階段,整個框架的元件也都快介紹完了呢,不...

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

技術 Vue.js Core 30天屠龍記(第19天): 表單綁定

目前為止我們使用了 v-bind 及 {{}} 綁定資料至模板上,但這兩個方式都是從 view model 到 view 的單向綁定,而模板上如果有 input...

鐵人賽 自我挑戰組 DAY 21

技術 (第二十一天)自我練習專案 - Bootstrap使用

Bootstrap 簡單使用 我們使用完拖移功能之後現在我們要學的是 Bootstrap4,我真的覺得 Bootstrap4 真的好好用,解決了我很多的問題呢...

鐵人賽 Modern Web DAY 18

技術 18. Nuxt 運行模式 (Mode) 差在哪?

這篇打算介紹 Nuxt 可運行模式與解決情境其中兩種靠調整設定,決定是否需要 Node Server Universal SPA 以及單純靜態頁 靜態頁產...

鐵人賽 Modern Web DAY 19

技術 [Day 19] Vue Quasar 表單元件 8 - Editor (文章編輯)

內建的文章編輯器 Editor Editor (WYSIWYG) 有些後台需要讓使用者編輯文章,原本都會有點頭痛,又要去找插件來放了~~好在他也有內建的文章編輯...

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

技術 $emit

菜菜菜的 Vue 30天 - Day18 $emit 上一章介紹了父層傳子層的 props,這章就來介紹一下子層傳父層的 $emit 我們直接用範例來解說好了~...

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

技術 Eagle.js

Eagle.js Slide show套件 Github zulko/eagle.js 範例 使用方式包含兩部分: mixins: Slideshow...

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

技術 Vue.js Core 30天屠龍記(第18天): `v-on` 的修飾符 Part 2 - 按鍵修飾符

當我們監聽鍵盤或是按鈕事件時,通常會需要設定要以哪一個按鈕觸發事件,一般寫 JavaScript 時要在進入事件時先判斷是否為目標按鍵後才能做想做邏輯處理, V...

鐵人賽 Modern Web DAY 17

技術 17. Nuxt 靜態資源 (Assets) 管理和引用

昨天有人問我引用圖片的路徑問題,答案整理成一篇補充雖說是圖片(image)、檔案(file)、樣式(css/scss/sass)、js等靜態資源,Nuxt 依其...

鐵人賽 Modern Web DAY 18

技術 [Day 18] Vue Quasar 表單元件 7 - Datetime

輕鬆變出時間日期輸入框Datetime 今天有一個表單要給使用者輸入基本資料 填著填著就來到了生日的欄位 這時候為了怕使用者格式亂填 在過去我們會去找datep...

鐵人賽 自我挑戰組 DAY 19

技術 (第十九天)自我練習專案 - 雙綁定 list

移動到另外一個 list 當我們在做卡片的拖移的時候可能不只要改動同一個 list 我們也需要改動另外一個 list。 那先在 data 裡面新增兩個 l...

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

技術 vue-sanitize

vue-sanitize 基於sanitize-html的Vue.js HTML sanitizer Github daichirata/vue-sanit...

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

技術 props

菜菜菜的 Vue 30天 - Day17 前一章我們提到了 component 與頁面或其他 component 間的傳值,這邊我們先拿前一章的圖片來介紹~ 前...

技術 從頭開始用 Laravel 來做CRUD -19- 初始 - Laravel - Mysql 調整 2

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

技術 從頭開始用 Laravel 來做CRUD -18- 初始 - Mysql - 資料庫設定

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

技術 從頭開始用 Laravel 來做CRUD -17- 初始 - Mysql - phpMyAdmin

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

鐵人賽 Modern Web DAY 16

技術 16. Nuxt 全域設定檔 (nuxt.config.js),可以吃嗎?

前幾篇提過頁面細部設定,對某一頁調 <head>、改 transition等細部調整。 有些調整,突然 PM 希望套用到整個網站,該怎麼辦?而前文介...

鐵人賽 Modern Web DAY 17

技術 [Day 17] Vue Quasar 表單元件 7 - Option Group

選項元件直接打包一次做好Option Group Option Group 有時候要做一堆選項,是不是覺得要複製一大堆radio、checkbox很煩呢,所以我...

技術 從頭開始用 Laravel 來做CRUD -16- 初始 - pug - pug 測試

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

技術 從頭開始用 Laravel 來做CRUD -15- 初始 - vue.js- vue.js測試

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

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

技術 components

菜菜菜的 Vue 30天 - Day16 component 我覺得在 Vue 裡 component 是一個非常重要的一個部分,使用 component 能夠...

技術 從頭開始用 Laravel 來做CRUD -14- 初始 - laravel - Hello world

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