Vue - the Progressive Framework
0 likes733 views
Vue is described as a progressive framework that is incrementally adoptable, view layer centric, and approachable. It uses concepts like MVVM and a virtual DOM for data binding and DOM updates. Key features include single-file components, scoped CSS, tools like Vue CLI and devtools, and first-party libraries for routing, state management, and server-side rendering.
Vue - the Progressive Framework
- 2. Evan You
- 3. The beginning Data binding Data-driven DOM manipulations
- 4. “progressive” “developing or happening gradually or in stages”
- 5. “A progressive framework adapts to a project’s inherent complexity.” “progressive framework”
- 6. Vue The progressive framework • Incrementally adoptable • View layer centric core library • Approachable
- 7. Vue The progressive framework • Incrementally adoptable • View layer centric core library • Approachable
- 9. Vue and MVVM var vm = new Vue({ el: ‘#app’, data: obj }) vm.$el vm.$data
- 10. Document Object Model (DOM) html head linkmeta title body ph1 img span
- 11. DOM updates DOM Render Tree Layout Paint html head body linkmeta title ph1 img span ❌
- 12. body h1 img p spanbody ph1 img span body ph1 img span body ph1 img span ——————————————————————————————- Virtual DOM DOM
- 13. Vue The progressive framework • Incrementally adoptable • View layer centric core library • Approachable
- 16. lang attribute
- 17. Scoped CSS
- 18. Tools • Scaffolding • Debugging Vue CLI Vue devtools
- 19. Vue devtools
- 20. Vue The progressive framework • Incrementally adoptable • View layer centric core library • Approachable
- 21. First-party libraries • Routing • State management • Server-side rendering Vue Server Renderer Vuex Vue Router • …
- 22. Thank you for your attention!