vue2-legacy

A Vue 2 component using the Options API structures logic by defining data, computed properties, methods, watchers, and lifecycle hooks within a single export object. This Skill provides reference patterns for organizing these component options effectively.

To manage global state in a Vue 2 application, integrate Vuex using modules, getters, mutations, and actions. This Skill illustrates how to structure your Vuex store to handle shared data and asynchronous operations correctly.

Component communication in Vue 2 relies on props and custom events for parent-child interaction, while slots enable flexible content distribution. This Skill explains how to configure these options to pass data and trigger actions effectively.

Vue 2 reactivity breaks when adding new object properties because it cannot detect property additions or deletions automatically. This Skill covers reactivity caveats and legacy patterns to help you avoid these common tracking pitfalls.

Mixins and filters in Vue 2 are used for logic reuse and text formatting, though they carry potential drawbacks like naming conflicts and implicit dependencies. This Skill highlights their usage scenarios and explains their legacy behavior.