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
140
Editorconfig
Avatar for Elizabeth Manrique emanrique
4
3.5k
Automatización de Tareas: Gulp JS
Avatar for Elizabeth Manrique emanrique
1
99
La alegría de ser Frontend
Avatar for Elizabeth Manrique emanrique
0
220
Automatización del workflow frontend
Avatar for Elizabeth Manrique emanrique
3
940

Other Decks in Technology

See All in Technology
IBC 2025 動画技術関連レポート / IBC 2025 Report
Avatar for CyberAgent cyberagentdevelopers
PRO
2
200
AIエージェントによる業務効率化への飽くなき挑戦 -AWS上の実開発事例から学んだ効果、現実そしてギャップ-
Avatar for Kiminori Yokoi nasuvitz
5
1.3k
20251024_TROCCO／COMETAアップデート紹介といくつかデモもやります！_#p_UG 東京：データ活用が進む組織の作り方
Avatar for D soysoysoyb
0
120
Dify on AWS 環境構築手順
Avatar for Hiroaki Yoshimura yosse95ai
0
140
SOTA競争から人間を超える画像認識へ
Avatar for Yosuke Shinya shinya7y
0
580
20251029_Cursor Meetup Tokyo ＃02_MK_「あなたのAI、私のシェル」 - プロンプトインジェクションによるエージェントのハイジャック
Avatar for Masayuki Kawakita mk0721
PRO
1
720
SRE × マネジメントレイヤーが挑戦した組織・会社のオブザーバビリティ改革 ― ビジネス価値と信頼性を両立するリアルな挑戦
Avatar for coconala_engineer coconala_engineer
0
280
webpack依存からの脱却！快適フロントエンド開発をViteで実現する #vuefes
Avatar for 弁護士ドットコム bengo4com
4
3.5k
Biz職でもDifyでできる！ 「触らないAIワークフロー」を実現する方法
Avatar for kanacan igarashikana
7
3.5k
What's new in OpenShift 4.20
Avatar for Red Hat Livestreaming redhatlivestreaming
0
300
GraphRAG グラフDBを使ったLLM生成（自作漫画DBを用いた具体例を用いて）
Avatar for sea-turt1e seaturt1e
1
150
会社を支える Pythonという言語戦略 ~なぜPythonを主要言語にしているのか？~
Avatar for curekoshimizu curekoshimizu
3
860

Featured

See All Featured
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
407
66k
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
238
140k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
37
2.6k
Designing for Performance
Avatar for Lara Hogan lara
610
69k
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
27
2.1k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
34
2.3k
Unsuck your backbone
Avatar for Amy Palamountain ammeep
671
58k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
34
2.5k
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
110k
It's Worth the Effort
Avatar for 3n 3n
187
28k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
180
10k
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
234
17k

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