Vue / Basic: reactive components and input contracts

Vue โ€” Basic: reactive components and input contracts

Build a clear model of application setup, templates, reactivity, derivation, components, and forms.

6 lessons ยท No account required

What you will learn

  • Explain SFC compilation and reactive access.
  • Choose computed values and effects deliberately.
  • Keep component and repeated-control identity explicit.

  1. Vue applications and single-file components

    Connect a Vue application instance, component state, template, and build context without confusing source files with browser-ready output.

    Start learning

  2. Templates, directives, and safe expressions

    Translate state into text, attributes, conditional regions, and events with clear expression boundaries.

    Start learning

  3. Reactivity, refs, and proxies

    Understand which reads Vue tracks and which writes can trigger updates so state remains observable across boundaries.

    Start learning

  4. Computed values and deliberate watchers

    Separate derived state from side effects and choose reactive sources that express the operationโ€™s true dependencies.

    Start learning

  5. Props, events, slots, and component contracts

    Build reusable components with clear input ownership and explicit proposals for change.

    Start learning

  6. Forms, validation, and stable list identity

    Model editable input and repeated controls so values, errors, and local state remain attached to the intended record.

    Start learning
Back to course