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

Construindo SPA's consistentes com Vue Router

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Gustavo Guimarães Gustavo Guimarães
September 16, 2017
Technology
73
1

Construindo SPA's consistentes com Vue Router

Lightning Talk realizada no Front In Vale 2017

Avatar for Gustavo Guimarães

Gustavo Guimarães

September 16, 2017

More Decks by Gustavo Guimarães

See All by Gustavo Guimarães
Testando componentes mais rápido que miojo
Avatar for Gustavo Guimarães gustavogf
1
61

Other Decks in Technology

See All in Technology
AIが書いたコードを信じられない問題 〜レビュー負荷を下げるために変えたこと〜 / The AI Code Trust Gap: Reducing the Review Burden
Avatar for 株式会社ビットキー / Bitkey Inc. bitkey
PRO
6
1.2k
AWS Agent Registry の基礎・概要を理解する/aws-agent-registry-intro
Avatar for Renya Kujirada ren8k
3
360
JEDAI in Osaka 2026イントロ
Avatar for Takaaki Yayoi taka_aki
0
320
みんなの「データ活用」を支えるストレージ担当から持ち込むAWS活用/コミュニティー設計TIPS 10選~「作れる」より、「続けられる」設計へ~
Avatar for Yoshiki Fujiwara yoshiki0705
0
240
No Types Needed, Just Callable Method Check
Avatar for dak2 dak2
1
920
AIエージェントの権限管理 2: データ基盤の Fine grained access control 編
Avatar for Renya Kujirada ren8k
0
120
Good Enough Types: Heuristic Type Inference for Ruby
Avatar for Shia riseshia
0
150
Practical TypeProf: Lessons from Analyzing Optcarrot
Avatar for Yusuke Endoh mame
0
160
最近の技術系の話題で気になったもの色々（IoT系以外も） / IoTLT 花見予定会（たぶんBBQ） @都立潮風公園バーベキュー広場
Avatar for you（@youtoy） you
PRO
1
220
Master Dataグループ紹介資料
Avatar for Sansan, Inc. sansan33
PRO
1
4.6k
え！？初参加で 300冊以上 も頒布！？ これは大成功！そのはずなのに わいの財布は 赤字 の件
Avatar for hellohazime hellohazime
0
160
Revisiting [CLS] and Patch Token Interaction in Vision Transformers
Avatar for yu4u yu4u
0
350

Featured

See All Featured
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
163
24k
Claude Code どこまでも/ Claude Code Everywhere
Avatar for nwiizo nwiizo
64
54k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
122
21k
Getting science done with accelerated Python computing platforms
Avatar for Jacob Tomlinson jacobtomlinson
2
180
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
128
55k
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.6k
Everyday Curiosity
Avatar for Cassini Nazir cassininazir
0
200
Mozcon NYC 2025: Stop Losing SEO Traffic
Avatar for Sam Torres samtorres
0
200
Un-Boring Meetings
Avatar for Sebastian Deterding codingconduct
0
270
Scaling GitHub
Avatar for Zach Holman holman
464
140k
More Than Pixels: Becoming A User Experience Designer
Avatar for Michelle Schulp Hunt marktimemedia
3
380
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
91
590k

Transcript

  1. Construindo SPA’s consistentes com Vue Router

  2. Gustavo Guimarães @gustavoguimrs

  3. que.bo/vagas

  4. meetup.com/CSS-SJC

  5. Single page application

  6. ngRoute react-router vue-router ember Router

  7. Router

  8. None

  9. HEADER FOOTER CONTEÚDO <router-view> SIDEBAR

  10. None

  11. Dynamic route

  12. None

  13. Nested routes

  14. User Biography User Contact

  15. None
  16. None

  17. Named routes

  18. None
  19. None

  20. Named views

  21. None
  22. None

  23. Programmatic navigation

  24. None

  25. Redirect

  26. None

  27. Alias

  28. None

  29. Tem mais… router.vuejs.org vuejs.org

  30. Obrigado! @gustavoguimrs [email protected]