💚

Vue.js Core Concepts

30 cards · 🇺🇸 English

Core Vue.js concepts: reactivity, components, and directives.

Study all 30 cards for free

Flashcards, quizzes, pixel-art games and a daily review that remembers for you.

Study this deck free

Try the first 10 cards

1 / 10
Question

Vue.js

Knew itLearning

Tap the card for the answer · swipe right if you knew it, left if not

Already have an account? Sign in

Cards

  1. 1Vue.js
    An open-source model-view-viewmodel front-end JavaScript framework for building user interfaces and single-page applications
  2. 2How is Vue.js pronounced?
    Like 'view'
  3. 3Vue.js directives
    HTML attributes that extend HTML with functionality, available as built-in or user-defined directives
  4. 4Architecture focus of Vue.js
    Incrementally adaptable architecture focusing on declarative rendering and component composition
  5. 5Core library of Vue.js focused on
    The view layer only; advanced features like routing and state management are provided via separate libraries
  6. 6Vue component
    A Vue instance with pre-defined options that extends basic HTML elements to encapsulate reusable code
  7. 7What template syntax does Vue use?
    An HTML-based template syntax that binds the rendered DOM to the underlying Vue instance's data
  8. 8Virtual DOM in Vue
    A virtual representation that allows Vue to render components in memory before updating the browser, minimizing DOM manipulations
  9. 9How does Vue's reactivity system work?
    It uses plain JavaScript objects; each component tracks its reactive dependencies so the system knows precisely when and which components to re-render
  10. 10Transition effects in Vue
    Tools to apply CSS or JavaScript animations when items are inserted, updated, or removed from the DOM
  11. 11Vue-router
    The official routing library for Vue that allows changing displayed content based on URL path, supporting nested routes and history navigation
  12. 12Pinia
    The official state management solution for Vue with modular architecture, recommended since 2022
  13. 13Vuex
    The legacy state management library for Vue, introduced in 2015, now in maintenance mode as of 2023
  14. 14LTS policy for Vue.js
    When a new major is released, the last minor of the previous version becomes LTS for 18 months (bug fixes and security), then 18 more months maintenance mode (security only)
  15. 15What naming convention does Vue use for version names?
    Names derived from manga and anime series, with first letters arranged alphabetically
  16. 16File size of Vue.js
    33.9 KB minified and gzipped
  17. 17Vite in the Vue ecosystem
    Standard tooling for rapid Vue.js development, part of the core tooling
  18. 18Single-File Components (SFCs)
    A Vue component format that Vue Loader (a webpack loader) enables developers to write in a single file
  19. 19Can Vue templates use JSX?
    Yes, developers can write render functions using hyperscript through function calls or JSX instead of template syntax
  20. 20Purpose of the $route object in Vue Router
    It provides access to route information like parameters (e.g., $route.params.id) within components
  21. 21What problem does server-side rendering solve for SPAs?
    It addresses inability to share links to specific pages, improves SEO, and ensures content is available without JavaScript
  22. 22Vue Devtools
    A browser devtools extension for debugging Vue.js applications
  23. 23VueUse
    A collection of 200+ composition utilities including state management helpers
  24. 24Hot-module replacement in Vue
    The ability to replace modules live during development without losing application state
  25. 25What does Vue compile templates into?
    Virtual DOM render functions that calculate the minimal components to re-render when app state changes
  26. 26State of Vue.js Report
    A comprehensive publication about Vue.js created since 2017 by Monterail (Vue & Nuxt Official Partner), with the 5th edition co-created with Evan You in March 2025
  27. 27What ecosystem gaps do Vue developers identify?
    22% mention lack of robust official component libraries (like MUI/Radix), better testing utilities, and enterprise-ready solutions for dashboards and e-commerce
  28. 28Computed in Vue
    A reactive property that automatically recalculates when its dependencies change
  29. 29Watch in Vue
    A function that executes a callback when a reactive property changes, receiving the new and old values
  30. 30WatchEffect in Vue
    A function that automatically tracks reactive dependencies and runs whenever they change

Articles about this deck

More Programming decks

See all
Study all 30 cards free