iT邦幫忙

vue相關文章
共有 801 則文章
鐵人賽 Modern Web DAY 2
VueJS 從前端到後端 系列 第 2

技術 VueJS 快速入門 Day 1

部落格同步刊登 [IT 鐵人賽] VueJS 快速入門 Day 1 VueJS 算是最近比較熱門的項目之一,官方文件也相對齊全。我們這裡要看的目前還是以 V...

鐵人賽 Modern Web DAY 1
VueJS 從前端到後端 系列 第 1

技術 Vue 從前端到後端 Day 0

部落格同步刊登 [IT 鐵人賽] Vue 從前端到後端 Day 0 上次參加好像是 2014 年,然後我寫到第二篇就超過時間,索性直接放棄(欸)。不過,由於...

技術 Vue Cli 3 + vue-cli-plugin-cordova 安裝環境

第一次使用 Cordova + Vue 開發 APP,順便將安裝開發環境的步驟紀錄下來。 安裝 Vue Cli Cordova JDK (Andro...

技術 Vue cli 使用

vue create 專案名稱 新增專案 Props(父 => 子)父畫面 <ProductCard :product=&quo...

技術 Vue.js [watch]: 物件屬性如何用 watch

遇到問題 在使用 Vue 的 watch 的時候,一般都是用這樣的 watch:{ text:{ handler(newValue){...

技術 vue style Guide

紀錄一下自己學習的歷程 有理解錯誤的歡迎提出指教 必要的 組件名稱最好為多個單詞,可以避免跟未來的 HTML tag 衝突。例如 todo 改成 todo-...

技術 Vue 使用 errorHandler, warnHandler 即時攔截網頁錯誤

在前端其中一個頭痛的問題就是網頁 Bug,我會想知道使用者在前端操作上遇到了什麼問題,因此在 Vue 中,你可以透過 errorHandler 攔截網頁錯誤,你...

技術 NUXT.js 筆記 - 前言

此文章主要是在記錄自己在開發NUXT.js上遇到的一些問題與試著練習寫一篇"大家看得懂的"技術文, 此次也是小弟我第一次編寫技術文章,所以若...

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

技術 Vuetify:Google YoutubeMusic › Advanced Implementation

https://codepen.io/hereiscasio/pen/GRRKdxb 我們可能都遇過有些特殊的響應式設計情境或細節,需透過 JS 處理會更好,...

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

技術 Vuetify:Google YoutubeMusic › Static Layout

https://codepen.io/hereiscasio/pen/VwZRmwy?editors=1010 Used UI Component ( #1...

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

技術 Vuetify:Google Contact

https://codepen.io/hereiscasio/pen/dybLbVd?editors=1010 Used UI Component ( #3...

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

技術 Vuetify:Google Domain

https://codepen.io/hereiscasio/pen/gOYEXjM?editors=1000 Used UI Component ( #1...

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

技術 Vuetify:Google News › Advanced Implementation

https://codepen.io/hereiscasio/pen/eYOomxO?editors=1010 延續昨天的程式碼,今天專門介紹 Vue-port...

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

技術 Vuetify:Google News › Static Layout

https://codepen.io/hereiscasio/pen/eYOomxO?editors=1010 Used UI Component ( #1...

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

技術 Vuetify:Google Cardboard

https://codepen.io/hereiscasio/pen/dybrvBV Used UI Component ( #0 ) UI 圖來源見此 Di...

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

技術 Vuetify:Google Fonts › Advanced Implementation

https://codepen.io/hereiscasio/pen/eYYOYVJ?editors=1010 跟之前做的 Google Alert 一樣,今...

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

技術 Vuetify:Google Fonts › Static Layout

https://codepen.io/hereiscasio/pen/BaBMYEj Used UI Component ( #1 ) #1 Buttons:...

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

技術 Vuetify:Google Alert › Advanced Implementation

https://codepen.io/hereiscasio/pen/gOYVXVy 為什麼說這個 Toolbar 特效很難?難就難在如何以既有的 Vuetif...

鐵人賽 Modern Web DAY 21

技術 [Day 21] Vue Quasar 彈跳視窗 1 - Action Sheet

下方的彈出選單 Action Sheet Action Sheet 這是一個從螢幕下方彈跳出小選單的元件 在Android及iOS上也都有類似的原生元件 不過如...

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

技術 Vuetify:Google Fonts › Static Layout

https://codepen.io/hereiscasio/pen/MWgLONL?editors=1000 Used UI Component ( #0...

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

技術 Vuetify:Google Translate

https://codepen.io/hereiscasio/full/XWryZQO Used UI Component ( #3 ) #1 Tooltip...

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

技術 Vuetify:Google Trend

https://codepen.io/hereiscasio/pen/ExYGOPr?editors=1010 Used UI Component ( #3...

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

技術 Vuetify:File Upload Widget

https://codepen.io/hereiscasio/pen/RwbXVaR Used UI Component ( #3 ) #1 Progress...

鐵人賽 Modern Web DAY 17

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

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

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

技術 Vuetify:About Card

https://codepen.io/hereiscasio/pen/VVYpNb Used UI Component ( #0 ) UI 圖來源見此 Dis...

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

技術 Vuetify:Add To

https://codepen.io/hereiscasio/pen/mzvMdy?editors=1010 Used UI Component ( #3 )...

鐵人賽 自我挑戰組 DAY 17

技術 (第十七天)自我練習專案 - 資料的移動

開始練習 WorkBoard 需要的套件 Vue.Draggable 是這次我們用來製作 WorkBoard 的重要套件,這個套件可以實現我們在實作 Work...

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

技術 Vuetify:Calories Calculator

https://codepen.io/hereiscasio/pen/yRxWpb?editors=1010 Used UI Component ( #1 )...

鐵人賽 Modern Web DAY 14

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

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

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

技術 Vuetify:What is your budget ?

https://codepen.io/hereiscasio/pen/dgKWEX?editors=1010 Used UI Component ( #1 )...