Vue.js
© 2013–present Yuxi Evan You
Licensed under the MIT License.
https://vuejs.org/
| Name | Vue.js |
| Version | |
| Badge |
|
| Last Updated | 2022-02-21T18:31:52Z |
Table of Contents
-
API: Advanced APIs
- Advanced APIs: cloneVNode()
- Advanced APIs: ComponentCustomOptions
- Advanced APIs: ComponentCustomProperties
- Advanced APIs: ComponentCustomProps
- Advanced APIs: createRenderer()
- Advanced APIs: CSSProperties
- Advanced APIs: h()
- Advanced APIs: isVNode()
- Advanced APIs: mergeProps()
- Advanced APIs: pipeToNodeWritable()
- Advanced APIs: pipeToWebWritable()
- Advanced APIs: PropType<T>
- Advanced APIs: renderToNodeStream()
- Advanced APIs: renderToSimpleStream()
- Advanced APIs: renderToString()
- Advanced APIs: renderToWebStream()
- Advanced APIs: resolveComponent()
- Advanced APIs: resolveDirective()
- Advanced APIs: useSSRContext()
- Advanced APIs: withDirectives()
- Advanced APIs: withModifiers()
- Custom Renderer API
- Render Function APIs
- Server-Side Rendering API
- Utility Types
-
API: Built-ins
- Built-in Components
- Built-in Directives
- Built-in Special Attributes
- Built-in Special Elements
- Built-ins: <component>
- Built-ins: <KeepAlive>
- Built-ins: <slot>
- Built-ins: <Suspense>
- Built-ins: <Teleport>
- Built-ins: <Transition>
- Built-ins: <TransitionGroup>
- Built-ins: is
- Built-ins: key
- Built-ins: ref
- Built-ins: v-bind
- Built-ins: v-cloak
- Built-ins: v-else
- Built-ins: v-else-if
- Built-ins: v-for
- Built-ins: v-html
- Built-ins: v-if
- Built-ins: v-memo
- Built-ins: v-model
- Built-ins: v-on
- Built-ins: v-once
- Built-ins: v-pre
- Built-ins: v-show
- Built-ins: v-slot
- Built-ins: v-text
-
API: Composition API
- Composition API: Accessing Props
- Composition API: Basic Usage
- Composition API: computed()
- Composition API: customRef()
- Composition API: Dependency Injection
- Composition API: effectScope()
- Composition API: getCurrentScope()
- Composition API: inject()
- Composition API: isProxy()
- Composition API: isReactive()
- Composition API: isReadonly()
- Composition API: isRef()
- Composition API: Lifecycle Hooks
- Composition API: markRaw()
- Composition API: onActivated()
- Composition API: onBeforeMount()
- Composition API: onBeforeUnmount()
- Composition API: onBeforeUpdate()
- Composition API: onDeactivated()
- Composition API: onErrorCaptured()
- Composition API: onMounted()
- Composition API: onRenderTracked()
- Composition API: onRenderTriggered()
- Composition API: onScopeDispose()
- Composition API: onServerPrefetch()
- Composition API: onUnmounted()
- Composition API: onUpdated()
- Composition API: provide()
- Composition API: reactive()
- Composition API: readonly()
- Composition API: ref()
- Composition API: Setup Context
- Composition API: setup()
- Composition API: shallowReactive()
- Composition API: shallowReadonly()
- Composition API: shallowRef()
- Composition API: toRaw()
- Composition API: toRef()
- Composition API: toRefs()
- Composition API: triggerRef()
- Composition API: unref()
- Composition API: Usage with Render Functions
- Composition API: watch()
- Composition API: watchEffect()
- Composition API: watchPostEffect()
- Composition API: watchSyncEffect()
- Reactivity API: Advanced
- Reactivity API: Core
- Reactivity API: Utilities
-
API: Global API
- Application API
- Global API: app.component()
- Global API: app.config
- Global API: app.config.compilerOptions
- Global API: app.config.errorHandler
- Global API: app.config.globalProperties
- Global API: app.config.optionMergeStrategies
- Global API: app.config.performance
- Global API: app.config.warnHandler
- Global API: app.directive()
- Global API: app.mixin()
- Global API: app.mount()
- Global API: app.provide()
- Global API: app.unmount()
- Global API: app.use()
- Global API: app.version
- Global API: createApp()
- Global API: createSSRApp()
- Global API: defineAsyncComponent()
- Global API: defineComponent()
- Global API: defineCustomElement()
- Global API: General
- Global API: nextTick()
- Global API: version
-
API: Options API
- Component Instance
- Options API: $attrs
- Options API: $data
- Options API: $el
- Options API: $emit()
- Options API: $forceUpdate()
- Options API: $nextTick()
- Options API: $options
- Options API: $parent
- Options API: $props
- Options API: $refs
- Options API: $root
- Options API: $slots
- Options API: $watch()
- Options API: activated
- Options API: beforeCreate
- Options API: beforeMount
- Options API: beforeUnmount
- Options API: beforeUpdate
- Options API: compilerOptions
- Options API: components
- Options API: computed
- Options API: created
- Options API: data
- Options API: deactivated
- Options API: directives
- Options API: emits
- Options API: errorCaptured
- Options API: expose
- Options API: extends
- Options API: inheritAttrs
- Options API: inject
- Options API: methods
- Options API: mixins
- Options API: mounted
- Options API: name
- Options API: props
- Options API: provide
- Options API: render
- Options API: renderTracked
- Options API: renderTriggered
- Options API: serverPrefetch
- Options API: template
- Options API: unmounted
- Options API: updated
- Options API: watch
- Options: Composition
- Options: Lifecycle
- Options: Misc
- Options: Rendering
- Options: State
-
API: Single File Component
- <script setup>
- SFC CSS Features
- SFC Syntax Specification
- Single File Component: Automatic Name Inference
- Single File Component: Basic Syntax
- Single File Component: Comments
- Single File Component: CSS Modules
- Single File Component: defineExpose()
- Single File Component: defineProps() & defineEmits()
- Single File Component: Language Blocks
- Single File Component: Overview
- Single File Component: Pre-Processors
- Single File Component: Reactivity
- Single File Component: Restrictions
- Single File Component: Scoped CSS
- Single File Component: Src Imports
- Single File Component: Top-level await
- Single File Component: TypeScript-only Features
- Single File Component: Usage alongside normal <script>
- Single File Component: useSlots() & useAttrs()
- Single File Component: Using Components
- Single File Component: Using Custom Directives
- Single File Component: v-bind() in CSS
-
Guide
- 1. Introduction (Getting Started)
- 2. Quick Start (Getting Started)
- 3. Creating a Vue Application (Essentials)
- 4. Template Syntax (Essentials)
- 5. Reactivity Fundamentals (Essentials)
- 6. Computed Properties (Essentials)
- 7. Class and Style Bindings (Essentials)
- 8. Conditional Rendering (Essentials)
- 9. List Rendering (Essentials)
- 10. Event Handling (Essentials)
- 11. Form Input Bindings (Essentials)
- 12. Lifecycle Hooks (Essentials)
- 13. Watchers (Essentials)
- 14. Template Refs (Essentials)
- 15. Components Basics (Essentials)
- 16. Component Registration (Components In-Depth)
- 17. Props (Components In-Depth)
- 18. Component Events (Components In-Depth)
- 19. Fallthrough Attributes (Components In-Depth)
- 20. Slots (Components In-Depth)
- 21. Provide / Inject (Components In-Depth)
- 22. Async Components (Components In-Depth)
- 23. Composables (Reusability)
- 24. Custom Directives (Reusability)
- 25. Plugins (Reusability)
- 26. Transition (Built-in Components)
- 27. TransitionGroup (Built-in Components)
- 28. KeepAlive (Built-in Components)
- 29. Teleport (Built-in Components)
- 30. Suspense (Built-in Components)
- 31. Single-File Components (Scaling Up)
- 32. Tooling (Scaling Up)
- 33. Routing (Scaling Up)
- 34. State Management (Scaling Up)
- 35. Testing (Scaling Up)
- 36. Server-Side Rendering (SSR) (Scaling Up)
- 37. Production Deployment (Best Practices)
- 38. Performance (Best Practices)
- 39. Accessibility (Best Practices)
- 40. Security (Best Practices)
- 41. Using Vue with TypeScript (TypeScript)
- 42. TypeScript with Composition API (TypeScript)
- 43. TypeScript with Options API (TypeScript)
- 44. Ways of Using Vue (Extra Topics)
- 45. Composition API FAQ (Extra Topics)
- 46. Reactivity in Depth (Extra Topics)
- 47. Rendering Mechanism (Extra Topics)
- 48. Render Functions & JSX (Extra Topics)
- 49. Vue and Web Components (Extra Topics)
- 50. Animation Techniques (Extra Topics)
- 51. Reactivity Transform (Extra Topics)
-
Style Guide
- Priority A Rules: Essential
- Priority B Rules: Strongly Recommended
- Priority C Rules: Recommended
- Priority D Rules: Use with Caution
- Style Guide
- Style Guide: Avoid exposing private functions in mixins
- Style Guide: Avoid v-if with v-for
- Style Guide: Base component names
- Style Guide: Component files
- Style Guide: Component name casing in JS/JSX
- Style Guide: Component name casing in templates
- Style Guide: Component/instance options order
- Style Guide: Directive shorthands
- Style Guide: Element attribute order
- Style Guide: Element selectors with scoped
- Style Guide: Empty lines in component/instance options
- Style Guide: Full-word component names
- Style Guide: Implicit parent-child communication
- Style Guide: Multi-attribute elements
- Style Guide: Order of words in component names
- Style Guide: Prop name casing
- Style Guide: Quoted attribute values
- Style Guide: Self-closing components
- Style Guide: Simple computed properties
- Style Guide: Simple expressions in templates
- Style Guide: Single-file component filename casing
- Style Guide: Single-file component top-level element order
- Style Guide: Single-instance component names
- Style Guide: Tightly coupled component names
- Style Guide: Use component-scoped styling
- Style Guide: Use detailed prop definitions
- Style Guide: Use keyed v-for
- Style Guide: Use multi-word component names