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
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
73
Build Functional Pipeline in Rails
Avatar for Marshall Shen marshallshen
0
39
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
55

Other Decks in Technology

See All in Technology
社内 AI エージェント Synapse と セマンティックレイヤーの育て方
Avatar for Hiroaki Sano hiroakis
2
1.6k
JSAI2026 オーガナイズドセッションOS-27「不動産とAI」趣旨説明 / JSAI2026 Organized Session OS-27 “Real Estate and AI”: Statement of Purpose
Avatar for Kiyota Yoji, Ph.D. ykiyota
0
210
攻撃者視点で考えるDetection Engineering
Avatar for Ruslan Sayfiev cryptopeg
0
380
Chainlitで作るお手軽チャットUI
Avatar for tomo ynt0485
0
130
Oracle AI Database@Azure：サービス概要のご紹介
Avatar for oracle4engineer oracle4engineer
PRO
6
1.9k
非定型業務をAI slackbotで自動化する ~ 社内要望を自動壁打ちするbotを作った ~/automating-ad-hoc-work-with-ai-slackbot
Avatar for shibayu36 shibayu36
0
580
MIERUNE JCT 発表資料「宇宙から伊能忠敬ごっこ」
Avatar for じゃらしまる syuchimu
0
200
RSA暗号を手計算したくなること、ありますよね？？ (20260615_orestudy6_rsa)
Avatar for Koki Senda thousanda
0
160
白金鉱業Meetup_Vol.24_「AIエージェントは分けるほど良い」は本当か？ / Is it true that “the more you divide AI agents, the better”?
Avatar for BrainPad brainpadpr
1
220
爆速でマルチプロダクトを立ち上げる時 事業・CTO目線で大事にしたい事
Avatar for Koji Miyata miyatakoji
0
100
個人最適 から 全体最適 へ　AI情報共有会・AIギルド・AI-DLC で進める カンリーの組織展開
Avatar for ふくだ（fukuda ryu） rfdnxbro
0
2.2k
AIを「創る」と「使う」の循環 — HRテックが実践するリアルなAI組織実装
Avatar for Taketo Sasaki taketo957
0
1.9k

Featured

See All Featured
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
32
2.9k
Building Experiences: Design Systems, User Experience, and Full Site Editing
Avatar for Michelle Schulp Hunt marktimemedia
0
530
How to Grow Your eCommerce with AI & Automation
Avatar for Katarina Dahlin katarinadahlin
PRO
1
200
A better future with KSS
Avatar for Kyle Neath kneath
240
18k
Information Architects: The Missing Link in Design Systems
Avatar for Michelle Chin soysaucechin
0
960
Conquering PDFs: document understanding beyond plain text
Avatar for Ines Montani inesmontani
PRO
4
2.8k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
3.1k
Skip the Path - Find Your Career Trail
Avatar for Mark Kilby mkilby
1
140
Claude Code どこまでも/ Claude Code Everywhere
Avatar for nwiizo nwiizo
65
56k
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
Avatar for Aleyda Solis aleyda
1
1.3k
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
7.1k
The SEO Collaboration Effect
Avatar for Kristina Bergwall kristinabergwall1
1
480

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