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
120
0

First steps with Vue.js

Introduction to Vue.js.

Avatar for Elizabeth Manrique

Elizabeth Manrique

November 16, 2016

More Decks by Elizabeth Manrique

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

Other Decks in Technology

See All in Technology
探索・可視化・自動化を一本化 Amazon Quickでデータ活用スピードを上げる方法
Avatar for こーへい koheiyoshikawa
0
210
WEBフロントエンド研修【MIXI 26新卒技術研修】
Avatar for MIXI ENGINEERS mixi_engineers
PRO
1
330
全社でのソフトウェアサプライチェーン攻撃対策をやってみた with Takumi Guard
Avatar for kaita z63d
0
310
AI研修(Day1)【MIXI 26新卒技術研修】
Avatar for MIXI ENGINEERS mixi_engineers
PRO
1
1.3k
なぜ、あなたのAPIは使われないのか？ AX時代の設計原則、ガードレール、運用体制
Avatar for Yoichi Kawasaki yokawasa
1
230
AI驚き屋発見器
Avatar for Yuuki Yamashita yama3133
1
330
そのドキュメント、自動化しませんか？
Avatar for yuk yuksew
1
450
Oracle Base Database Service 技術詳細
Avatar for oracle4engineer oracle4engineer
PRO
15
110k
AI時代のPlaywright活用(システムテストを自動化する ー 実行エンジンにPla ywrightを選んだ理由)
Avatar for 西田泰明 ynisqa1988
2
1k
AI Native なプロダクト組織の立ち上げ方 : 生産性 100 倍への挑戦
Avatar for mikesorae mikesorae
0
1.5k
複数プロダクトで進めるAI機能実装 ── 実践から得たリアルな学びとロードマップ実現への挑戦 / AICon2026_yanari
Avatar for Rakus_Dev rakus_dev
1
310
論語・武士道・産業革命から見る　かわるもの、かわらないもの
Avatar for nakamichi ichimichi
8
1.2k

Featured

See All Featured
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
287
14k
Leading Effective Engineering Teams in the AI Era
Avatar for Addy Osmani addyosmani
9
2.2k
Heart Work Chapter 1 - Part 1
Avatar for Lake Fama lfama
PRO
8
36k
Darren the Foodie - Storyboard
Avatar for Kevinho.art khoart
PRO
3
3.5k
Game over? The fight for quality and originality in the time of robots
Avatar for Wayne Barker wayneb77
1
230
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
Avatar for Yuki Nakata chikuwait chikuwait
0
660
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
Avatar for Tech SEO Connect techseoconnect
PRO
0
320
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
123
22k
How to audit for AI Accessibility on your Front & Back End
Avatar for davetheseo davetheseo
0
470
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
49
10k
Kristin Tynski - Automating Marketing Tasks With AI
Avatar for Tech SEO Connect techseoconnect
PRO
0
420
The innovator’s Mindset - 
Leading Through an Era of Exponential Change - McGill University 2025
Avatar for Jean-Marc De Jonghe jdejongh
PRO
1
230

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