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

Responsive Web using Vue.js

Avatar for Marshall Shen Marshall Shen
October 22, 2016
Technology
750
1

Responsive Web using Vue.js

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

Avatar for Marshall Shen

Marshall Shen

October 22, 2016

More Decks by Marshall Shen

See All by Marshall Shen
Vue.js API integration with Axios
Avatar for Marshall Shen marshallshen
0
76
Build Functional Pipeline in Rails
Avatar for Marshall Shen marshallshen
0
41
From PoC to MVP
Avatar for Marshall Shen marshallshen
0
76
Productive Programming Habits
Avatar for Marshall Shen marshallshen
0
66
Mentorship Pattern
Avatar for Marshall Shen marshallshen
0
56

Other Decks in Technology

See All in Technology
同じWAFが、攻撃の“形”は弾く── 正当な“形”の不正は通す
Avatar for kuroneko kuroneko13
0
220
まちスペース®とデジタルツインと「まちづくり」
Avatar for hiro_OGI hiro_ogi
0
130
侵入は突然に 〜 IoTマルウェアと悪用される家庭の機器 ～ / When Intrusion Strikes: IoT Malware and the Abuse of Home Devices
Avatar for NTT docomo Business nttcom
0
5.9k
ホームラボ紹介
Avatar for 世良泰明 y_sera15
0
190
20260807_第6回_関東kaggler会LT_claw系bot xangiと始める、"寂しくない" kaggle
Avatar for suguuuuuすぐー sugupoko
0
300
TypeScript入門 2026
Avatar for Recruit recruitengineers
PRO
3
650
FPGAが実現する遠方宇宙の高空間分解能天体撮影 -大型地上望遠鏡の視力を補正する「補償光学」とは？-
Avatar for 高橋光明 / Mitsuaki Takahashi komei_mt
0
280
【CEDEC2026】『Relink』を拡張せよ - 『GRANBLUE FANTASY: Relink - Endless Ragnarok』の開発速度と品質を守るCI運用
Avatar for Cygames, Inc. cygames
PRO
0
190
トヨタ⽣産⽅式(TPS)⼊⾨
Avatar for Recruit recruitengineers
PRO
3
930
カートの信頼性を担保するWireMockを使ったe2eテスト
Avatar for ykagano ykagano
0
370
QAエンジニア起点で進める、SmartHRにおける信頼性向上について
Avatar for kaomi kaomi_wombat
1
150
関東Kaggler会発表資料
Avatar for takoi takoi
1
250

Featured

See All Featured
Unlocking the hidden potential of vector embeddings in international SEO
Avatar for Frank van Dijk frankvandijk
0
890
From π to Pie charts
Avatar for Rasagy Sharma rasagy
0
290
Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster
Avatar for UX Y'all uxyall
1
2.4k
Leadership Guide Workshop - DevTernity 2021
Avatar for David Neal reverentgeek
1
340
How Fast Is Fast Enough? [PerfNow 2025]
Avatar for Tammy Everts tammyeverts
3
770
The Limits of Empathy - UXLibs8
Avatar for Cassini Nazir cassininazir
1
610
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
6
1.2k
Amusing Abliteration
Avatar for ianozsvald ianozsvald
1
250
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
35
2.5k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
45
9.2k
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
31
10k
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
13
1.4k

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