Vue Component API

June 26, 2017 · View on GitHub

Vue component actually runs in the React runtime. It means, you can not access VNode, you can not use Render. Conversely, if your previous Vue component does not involve both things, it would most likely run directly in React.

web: react-vue-loader (demo)
native: react-vue-native-scripts (demo)

Supported API

Global Config

Use the react-vue-loader options: vue

Global API

Use the react-vue-loader options: vue

Vue.extend
Vue.nextTick
Vue.set
Vue.delete
Vue.directive (web only)

partial support
Vue.component
Vue.use
Vue.mixin
Vue.version

Options / Data

Options / Lifecycle Hooks

Options / Assets

directives (web only)
- Hook-Functions
  - bind
  - update
  - unbind
- Directive-Hook-Arguments
  - el
  - binding
  - vnode (only one property context)
components

Options / Composition

mixins
extends

Only options object is allowed

Options / Misc

name

Instance Properties

Instance Methods / Data

Instance Methods / Events

Instance Methods / Lifecycle

Directives

v-text (web only)
v-html (web only)
v-show
v-if
v-else
v-else-if
v-for
v-on (web only)
v-bind
v-model (web only)

Unsupported features: value bindings checkbox & value bindings select options

Special Attributes

Built-In Components

component
transition (web only)

The <transition> would render an extra DOM element, you can configure tag attribute to custom the extra DOM element

Unsupported features: transition modes
slot