Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

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
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
78
Build Functional Pipeline in Rails
Avatar for Marshall Shen marshallshen
0
41
From PoC to MVP
Avatar for Marshall Shen marshallshen
0
78
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
AIは爆速なのに、私が詰まっていた話 ― 音声入力と鳴くマスコットでボトルネックを削る
Avatar for Yuuki Yamashita yama3133
0
540
OSC2026on_the-world-is-waiting-for-your-voice.pdf
Avatar for Naruhiko Ogasawara naruoga
0
360
不可逆な意思決定を避けながら10億超の顧客データを AI Ready にするデータ基盤設計
Avatar for Yuichiro Yamashita baseballyama
1
160
2026-10-01_MagicPod_QAハーネスエンジニアリングとQA組織の未来像
Avatar for 西田泰明 ynisqa1988
1
560
AI時代だからこそ推したい！Gitコマンド再入門
Avatar for ムナカタ munakata
0
150
IoTデバイスを繋げるプロトコルMatterをAndroidで使用する方法
Avatar for harutiro harutiro
0
120
Google Cloud Next Tokyo 26登壇時のスクリプト
Avatar for Recruit recruitengineers
PRO
0
210
Snowflake Horizon Catalog と Apache Iceberg で作る オープンなデータ基盤
Avatar for キタガワ kitagawaz
0
460
SDDの運用にめげずに向き合った話
Avatar for SansanTech sansantech
PRO
1
140
FinTech 1-2 : Overview of FinTech
Avatar for Kenji Saito ks91
PRO
0
150
Oracle Base Database Service 技術詳細
Avatar for oracle4engineer oracle4engineer
PRO
17
120k
DevelopersIO 2026 知識の地図を描く ─ オントロジーとは何か？
Avatar for Satoru Ishikawa ishikawa_satoru
1
280

Featured

See All Featured
The Director’s Chair: Orchestrating AI for Truly Effective Learning
Avatar for Mike Taylor tmiket
1
320
Visualization
Avatar for Eitan Lees eitanlees
153
17k
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
27k
Writing Fast Ruby
Avatar for Erik Berlin sferik
630
63k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
666
130k
Joys of Absence: A Defence of Solitary Play
Avatar for Sebastian Deterding codingconduct
1
530
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
39
3.5k
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
13
1.6k
Fireside Chat
Avatar for paigeccino paigeccino
43
4.1k
Building a A Zero-Code AI SEO Workflow
Avatar for Ian Lurie portentint
PRO
0
760
Leadership Guide Workshop - DevTernity 2021
Avatar for David Neal reverentgeek
1
390
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
270
14k

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