vuera

vuera

掘金

React in Vue

通过 Vue 插件对 React 组件进行包裹

ReactWrapper 导出一个 Vue 组件。该组件以 div 作为跟容器挂载 React 组件

创建两个 ref: react 和 reactComponentRef

• react: 用于储存跟节点(div)，在 ReactWrapper 销毁前执行 ReactDOM.unmountComponentAtNode(this.$refs.react)
• reactComponentRef: 用于储存 React 实例

更新数据直接通过 reactComponentRef.setState()

Vue in React

VueWrapper 导出一个 React 组件。该组件以 div 作为跟容器挂载 Vue 组件

用 vueInstance 保存 new Vue 创建的实例