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
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
61
Build Functional Pipeline in Rails
Avatar for Marshall Shen marshallshen
0
29
From PoC to MVP
Avatar for Marshall Shen marshallshen
0
70
Productive Programming Habits
Avatar for Marshall Shen marshallshen
0
55
Mentorship Pattern
Avatar for Marshall Shen marshallshen
0
46

Other Decks in Technology

See All in Technology
能登半島地震で見えた災害対応の課題と組織変革の重要性
Avatar for Masakatsu Sugii ditccsugii
0
1k
Simplifying Cloud Native app testing across environments with Dapr and Microcks
Avatar for Salaboy salaboy
0
180
リセラー企業のテクサポ担当が考える、生成 AI 時代のトラブルシュート 2025
Avatar for kazzpapa3 kazzpapa3
1
360
ガバメントクラウドの概要と自治体事例（名古屋市）
Avatar for 高橋広和 techniczna
3
240
カンファレンスに託児サポートがあるということ / Having Childcare Support at Conferences
Avatar for nobu09 nobu09
1
600
コンテキストエンジニアリング入門〜AI Coding Agent作りで学ぶ文脈設計〜
Avatar for KNOWLEDGE WORK / 株式会社ナレッジワーク kworkdev
PRO
3
1.6k
"プロポーザルってなんか怖そう"という境界を超えてみた＠TSUDOI by giftee Tech #1
Avatar for shilo shilo113
0
200
スタートアップにおけるこれからの「データ整備」
Avatar for ShoMaekawa/ウィル shomaekawa
2
490
プロダクトのコードから見るGoによるデザインパターンの実践 #go_night_talk
Avatar for 弁護士ドットコム bengo4com
1
2.6k
Introdução a Service Mesh usando o Istio
Avatar for Aecio Pires aeciopires
0
180
能登半島地震において デジタルができたこと・できなかったこと
Avatar for Masakatsu Sugii ditccsugii
0
250
Railsの話をしよう
Avatar for Yasuo Honda yahonda
0
160

Featured

See All Featured
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
56
6.6k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
73
11k
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
95
14k
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
55
9k
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
53k
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
27k
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
29
5.6k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
34
2.3k
How GitHub (no longer) Works
Avatar for Zach Holman holman
315
140k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
31
6.2k
Unsuck your backbone
Avatar for Amy Palamountain ammeep
671
58k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
253
22k

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