# jt-micro-conponents

**Repository Path**: liu-juntao1/jt-micro-conponents

## Basic Information

- **Project Name**: jt-micro-conponents
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-10-23
- **Last Updated**: 2023-10-23

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# jt-micro-components
前端远程组件引入工具包，适用于vue2和vue3

## 使用步骤
1. 安装
```
npm install jt-micro-components -S
```
2. 在`main.js`里引入依赖和注册全局组件
```javascript
import jtMicroComponents from 'jt-micro-components';

Vue.use(jtMicroComponents);
```
3. 使用`<micro-components>`标签引入远程组件
```javascript
<template>
  <micro-components moduleName="common-feedback" :data="{ requester, config }" :url="url" />
</template>

<script>
import { GET, POST } from '@/request/axios';
const path = location.pathname.split('/').slice(0, -1).join('/');
const localUrl = 'http://localhost:8088/common-components';
const remoteUrl = `${location.origin}${path}/common-components`;
const url = process.env.NODE_ENV === 'development' ? localUrl : remoteUrl;
export default {
  name: 'common-feedback-remote',
  data() {
    return {
      requester: { GET, POST },
      config: {},
      url,
    };
  },
};
</script>

```