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

First steps with Vue.js

Avatar for Elizabeth Manrique Elizabeth Manrique
November 16, 2016
Technology
0
110

First steps with Vue.js

Introduction to Vue.js.
Avatar for Elizabeth Manrique

Elizabeth Manrique

November 16, 2016
Tweet

More Decks by Elizabeth Manrique

See All by Elizabeth Manrique
Introducción a Angular 2
Avatar for Elizabeth Manrique emanrique
1
240
Clase Maestra - Toulouse Lautrec
Avatar for Elizabeth Manrique emanrique
0
130
Editorconfig
Avatar for Elizabeth Manrique emanrique
4
3.5k
Automatización de Tareas: Gulp JS
Avatar for Elizabeth Manrique emanrique
1
98
La alegría de ser Frontend
Avatar for Elizabeth Manrique emanrique
0
220
Automatización del workflow frontend
Avatar for Elizabeth Manrique emanrique
3
930

Other Decks in Technology

See All in Technology
FOSS4G 2025 KANSAI　QGISで点群データをいろいろしてみた
Avatar for kou_kita kou_kita
0
410
成長し続けるアプリのためのテストと設計の関係、そして意思決定の記録。
Avatar for SansanTech sansantech
PRO
0
130
いつの間にか入れ替わってる！？新しいAWS Security Hubとは？
Avatar for cm-usuda-keisuke cmusudakeisuke
0
140
20250707-AI活用の個人差を埋めるチームづくり
Avatar for shnjtk shnjtk
6
4k
AI エージェントと考え直すデータ基盤
Avatar for na0 na0
13
3.8k
品質と速度の両立：生成AI時代の品質保証アプローチ
Avatar for odasho odasho
1
390
さくらのIaaS基盤のモニタリングとOpenTelemetry/OSC Hokkaido 2025
Avatar for FUJIWARA Shunichiro fujiwara3
3
460
ABEMAの本番環境負荷試験への挑戦
Avatar for Miyazaki Taiga mk2taiga
3
190
CDKTFについてざっくり理解する！！～CloudFormationからCDKTFへ変換するツールも作ってみた～
Avatar for モブエンジニア masakiokuda
1
180
Lufthansa ®️ USA Contact Numbers: Complete 2025 Support Guide
Avatar for danielconkling870 lufthanahelpsupport
0
220
ビズリーチが挑む メトリクスを活用した技術的負債の解消 / dev-productivity-con2025
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
3
7.9k
Lakebaseを使ったAIエージェントを実装してみる
Avatar for camay kameitomohiro
0
140

Featured

See All Featured
Navigating Team Friction
Avatar for Lara Hogan lara
187
15k
Designing for Performance
Avatar for Lara Hogan lara
610
69k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
6
310
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
184
22k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
28
3.9k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
332
24k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
42
7.4k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
299
21k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
18
970
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
351
20k
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
301
51k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
1
430

Transcript

  1. First steps with Vue.js @frontend_3

  2. Progressive framework Scale up / Scale down Reactive Virtual DOM

    Native rendering Inspired by Angular 1 The new Angular 2

  3. Declarative rendering

  4. None
  5. None

  6. Directive

  7. Directives

  8. Conditionals

  9. Loops

  10. Events

  11. Two ways Data Binding

  12. None

  13. Components

  14. None

  15. Single file

  16. None

  17. Lifecycle

  18. None

  19. Installation

  20. None

  21. Runtime only build vs Standalone

  22. Runtime only build Doesn’t support template

  23. Runtime only build Use when you’re working with single files

  24. https://github.com/frontend-3/vue.js-examples