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/