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.

• Use the reactivity system of Vue to observer React component

• Use the vue-native-scripts to run Vue component in React Native

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.