使用Vue-React组件库

Vue-React组件库是一个同时支持Vue和React的UI组件库，可以在Vue和React项目中使用。下面以Element-React为例，介绍如何使用Vue-React组件库。

1. 安装Element-React：可以使用npm或yarn安装，命令如下：

   npm install element-react --save
   或
   yarn add element-react

2. 引入样式文件：在主入口文件中引入Element-React的样式文件，如下：

   import 'element-react/dist/theme-chalk/index.css';

3. 引入组件：在Vue或React组件中按需引入需要使用的Element-React组件，如下：

在Vue组件中：

   <template>
     <div>
       <el-button>Vue Button</el-button>
     </div>
   </template>
   
   <script>
   import { Button } from 'element-react';
   
   export default {
     components: {
       'el-button': Button
     }
   }
   </script>

在React组件中：

   import { Button } from 'element-react';
   
   class MyComponent extends React.Component {
     render() {
       return (
         <div>
           <Button>React Button</Button>
         </div>
       )
     }
   }

4. 使用组件：在Vue或React组件中使用引入的Element-React组件，如下：

在Vue组件中：

   <template>
     <div>
       <el-button>Vue Button</el-button>
     </div>
   </template>

在React组件中：

   import { Button } from 'element-react';
   
   class MyComponent extends React.Component {
     render() {
       return (
         <div>
           <Button>React Button</Button>
         </div>
       )
     }
   }

需要注意的是，不同的Vue-React组件库使用方法略有不同，需要根据具体组件库的文档进行使用。同时，也需要根据项目需要选择合适的组件库，避免出现兼容性和功能不匹配的问题。