vuera基础知识_无缝集成 React 和 Vue

vuera基础知识

GitHub:https://github.com/akxcv/vuera

vuera基础知识_无缝集成 React 和 Vue

简介描述:无缝集成 React 和 Vue

vuera缝集成 React 和 Vue,实现在 React 中使用 Vue 组件,Vue 中使用 React 组件 。

安装

$ yarn add vuera
# or with npm:
$ npm i -S vuera

或者直接引入

<script src="https://unpkg.com/vuera"></script>

在React应用中使用Vue组件:

import React from 'react'
import MyVueComponent from './MyVueComponent.vue'

export default props =>
  <div>
    <MyVueComponent message={props.message} handleReset={props.handleReset} />
  </div>

在Vue应用程序中使用React组件:

<template>
  <div>
    <my-react-component :message="message" @reset="reset" />
  </div>
</template>

<script>
  import MyReactComponent from './MyReactComponent'

  export default {
    /* data, methods, etc */
    components: { 'my-react-component': MyReactComponent },
  }
</script>

海计划公众号
(2)
上一篇 2020/03/06 09:09
下一篇 2020/03/06 09:09

您可能感兴趣的内容