vuera基础知识
GitHub:https://github.com/akxcv/vuera
简介描述:无缝集成 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>
