Guide

⚠️ Vue Native has been deprecated and is no longer maintained.

How does it work?

This is fork of react-vue

Vue-native-core is designed to connect React and Vue, which help you run Vue in React.

There are three uses.

Reactivity System

Thanks to Vue’s clear hierarchical design, we can easily pull out the reactivity system (9 KB gzipped), and drive React component rendering.

npm install --save vue-native-core
import React, { Component } from "react";
import Vue, { observer } from "vue-native-core";

const store = new Vue({
  data() {
    return {
      count: 0
    };
  },
  methods: {
    increase() {
      this.count++;
    }
  }
});

@observer
export default class Demo extends Component {
  render() {
    return <h1 onClick={store.increase}>{store.count}</h1>;
  }
}

document

Vue Native Scripts

Introduce vue-native-scripts, which compile and transform the vue component into a react component.

← Community Libraries How to contribute →
Caught a mistake or want to contribute to the documentation? Edit this page on GitHub!