Vue 2.6.14 Options API & Best Practices

Vue 2.6.14 development guide focusing on the Options API with Object.defineProperty-based reactivity, component patterns, and Vue 2 ecosystem integration (Vue Router 3.x, Vuex 3.x).

Reactivity System

Can’t detect property addition on objects → See reactivity/

Can’t detect array index assignment → See reactivity/

Can’t detect array length changes → See reactivity/

Frozen objects can’t be made reactive → See reactivity/

Adding reactive properties with Vue.set → See reactivity/

Deleting reactive properties with Vue.delete → See reactivity/

Vue.observable() for minimal state → See reactivity/

Global API

Vue.config global options → See global-api/

Vue.nextTick for DOM updates → See global-api/

Creating custom directives → See global-api/

Global component registration → See global-api/

Plugin development → See global-api/

Global mixins (use with caution) → See global-api/

Lifecycle

Vue 2 specific lifecycle hooks → See lifecycle/

Never use arrow functions in lifecycle hooks → See lifecycle/

Stateful methods shared across component instances → See lifecycle/

Async component error handling (Vue 2.6.0+) → See lifecycle/

Component Options

Props validation with custom validators → See component-options/

Default values for object and array props → See component-options/

Typing complex props with interfaces → See component-options/

Props down, events up pattern → See component-options/

Using .sync modifier (Vue 2.3+) → See component-options/

Event bus for sibling communication → See component-options/

Provide/Inject reactivity limitations → See component-options/

Functional components (stateless) → See component-options/

Custom v-model with model option → See component-options/

inheritAttrs for attribute inheritance → See component-options/

Programmatic slot access ($slots/$scopedSlots) → See component-options/

Transparent wrappers ($attrs/$listeners) → See component-options/

Default and named slots → See component-options/

Scoped slots with slot props → See component-options/

Deep and immediate watch options → See component-options/

Directives

v-model modifiers (.lazy, .number, .trim) → See directives/

Event modifiers for v-on → See directives/

Binding modifiers for v-bind → See directives/

v-html security considerations → See directives/

v-show vs v-if comparison → See directives/

v-for with v-if priority issue → See directives/

Missing :key on v-for → See directives/

v-once for static content optimization → See directives/

v-cloak for hiding uncompiled templates → See directives/

v-pre for skipping compilation → See directives/

key, ref, slot, is special attributes → See directives/

Instance API

Template refs with $refs → See instance-api/

Custom events with $emit → See instance-api/

Force re-rendering with $forceUpdate → See instance-api/

$data, $props, $el instance properties → See instance-api/

$options, $parent, $root, $children, $isServer → See instance-api/

Built-in Components

transition component for enter/leave animations → See components/

keep-alive component for caching → See components/

transition-group for list transitions → See components/

Render Functions

Render functions and createElement → See render-functions/

TypeScript Integration

Using Vue.extend() for TypeScript → See types/

Type-safe computed properties → See types/

Type-safe event handlers → See types/

PropType for complex prop types → See types/

Shims for .vue files → See types/

TypeScript improvements in Vue 2.6 → See types/

Build Tooling

vue.config.js basic setup → See build-tooling/

Configuring Less preprocessor → See build-tooling/

Environment variables → See build-tooling/

vue-template-compiler version matching → See build-tooling/

Common build errors and solutions → See build-tooling/

Ecosystem Integration

Router setup and configuration → See ecosystem/

Dynamic routes with params → See ecosystem/

Navigation guards → See ecosystem/

Lazy loading routes → See ecosystem/

Store setup and modules → See ecosystem/

State, getters, mutations, actions → See ecosystem/

Vuex reactivity gotchas → See ecosystem/

@vue/composition-api (Vue 2)

Composition API plugin setup → See ecosystem/

Ref vs Reactive for reactive state → See ecosystem/

Creating reusable logic with composables → See ecosystem/

Using Vuex with Composition API → See ecosystem/

vue-class-component (Vue 2)

Class-based component definition → See ecosystem/

Using mixins with class components → See ecosystem/

Composition API vs Class Component → See ecosystem/

Vue 2 vs Vue 3 Differences

Key syntax differences → See comparison/

Filters removed in Vue 3 → See comparison/

$listeners and $attrs changes → See comparison/