COMPONENT.md

Vue Component API

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

• silent

• optionMergeStrategies

• errorHandler

• ignoredElements (web only)

• keyCodes (web only)

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

• data

• props

• computed

• methods

• watch

Options / Lifecycle Hooks

• beforeCreate

• created

• beforeMount

• mounted

• beforeUpdate

• updated

• beforeDestroy

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

• vm.$data

• vm.$props

• vm.$el

• vm.$options

• vm.$parent

• vm.$root

• vm.$children

• vm.$slots

• vm.$refs

Instance Methods / Data

• vm.$watch

• vm.$set

• vm.$delete

Instance Methods / Events

• vm.$on

• vm.$once

• vm.$off

• vm.$emit

Instance Methods / Lifecycle

• vm.$forceUpdate

• vm.$nextTick

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

• key

• ref

• slot

• is

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

Server-Side Rendering (web only)

Use React Server Rendering

Unsupported API

Global Config

• performance
• devtools
• productionTip

Global API

• Vue.filter

• Vue.compile

Options / Data

• propsData

Options / DOM

• el

• template

• render

• renderError

Options / Lifecycle Hooks

• activated

• deactivated

• destroyed

Options / Assets

• filters

Options / Misc

• delimiters

• functional

• model

Instance Properties

• vm.$scopedSlots

• vm.$isServer

Instance Methods / Lifecycle

• vm.$mount

• vm.$destroy

Directives

• v-pre

• v-cloak

• v-once

Built-In Components

• transition-group
• keep-alive

VNode Interface