zl程序教程

您现在的位置是:首页 > 

当前栏目

vuera

2023-06-13 09:11:18 时间

分享一个开源项目:https://github.com/akxcv/vuera

它可以让你在vue里写react,在react里写vue

Use Vue components in your React app:

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

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

Or use React components in your Vue app:

<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>

安装:

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

配置.babelrc

{
  "presets": "react",
  "plugins": ["vuera/babel"]
}