Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Responsive Web using Vue.js

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Marshall Shen Marshall Shen
October 22, 2016
Technology
1
740

Responsive Web using Vue.js

Introduction to Vue.js framework at Chicago Vue.js meetup

Avatar for Marshall Shen

Marshall Shen

October 22, 2016
Tweet

More Decks by Marshall Shen

See All by Marshall Shen
Vue.js API integration with Axios
Avatar for Marshall Shen marshallshen
0
67
Build Functional Pipeline in Rails
Avatar for Marshall Shen marshallshen
0
32
From PoC to MVP
Avatar for Marshall Shen marshallshen
0
73
Productive Programming Habits
Avatar for Marshall Shen marshallshen
0
59
Mentorship Pattern
Avatar for Marshall Shen marshallshen
0
51

Other Decks in Technology

See All in Technology
AI時代のSaaSとETL
Avatar for Shu Suzuki shoe116
1
180
【Oracle Cloud ウェビナー】【入門編】はじめてのOracle AI Data Platform - AIのためのデータ準備&自社用AIエージェントをワンストップで実現
Avatar for oracle4engineer oracle4engineer
PRO
1
150
Oracle Cloud Infrastructure IaaS 新機能アップデート 2025/12 - 2026/2
Avatar for oracle4engineer oracle4engineer
PRO
0
170
楽しく学ぼう！ネットワーク入門
Avatar for Shota Shiratori shotashiratori
4
3.4k
A Casual Introduction to RISC-V
Avatar for Masanori Ogino omasanori
0
240
SRE NEXT 2026 CfP レビュアーが語る聞きたくなるプロポーザルとは？
Avatar for Yuta Kawasaki yutakawasaki0911
1
420
It’s “Time” to use Temporal
Avatar for Saji sajikix
3
210
めちゃくちゃ開発するQAエンジニアになって感じたメリットとこれからの課題感
Avatar for yama-cha-n ryuhei0000yamamoto
0
120
AlloyDB 奮闘記
Avatar for hatappi hatappi
0
150
コンテキスト・ハーネスエンジニアリングの現在
Avatar for Hirosato Gamo hirosatogamo
PRO
3
440
生成AI活用でQAエンジニアにどのような仕事が生まれるか/Support Required of QA Engineers for Generative AI
Avatar for Hiroki Iseri goyoki
1
250
S3はフラットである –AWS公式SDKにも存在した、 署名付きURLにおけるパストラバーサル脆弱性– / JAWS DAYS 2026
Avatar for GMO Flatt Security flatt_security
0
1.8k

Featured

See All Featured
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
82
6.2k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
187
22k
Mozcon NYC 2025: Stop Losing SEO Traffic
Avatar for Sam Torres samtorres
0
180
sira's awesome portfolio website redesign presentation
Avatar for ElsiraPls elsirapls
0
190
A brief & incomplete history of 
UX Design for the World Wide Web: 1989–2019
Avatar for Jason CranfordTeague jct
1
320
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
275
41k
The Limits of Empathy - UXLibs8
Avatar for Cassini Nazir cassininazir
1
260
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
128
55k
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
Avatar for Ryan Jones ryanjones
0
92
Joys of Absence: A Defence of Solitary Play
Avatar for Sebastian Deterding codingconduct
1
310
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
274
21k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
49
9.9k

Transcript

  1. Responsive Web using Vue.js Marshall Shen Chicago Vue.js

  2. None

  3. Outline • Demo • Why Vue.js • Vue object •

    Vue components • Parent-child communication • Future

  4. Demo

  5. Why Vue.js • Easy start • Low commitment • Community

    support

  6. Vue object

  7. Vue object

  8. Start with Vue object

  9. Vue Components

  10. Vue Components

  11. Vue Components

  12. Parent-Child Communication

  13. Parent-Child Communication

  14. Parent-Child Communication

  15. Parent-Child Communication

  16. Future • Better ajax call handling • JS tests •

    Vue 2.0 & Vuex