# @jianyu/easy-inject-iframe
> 剑鱼Iframe支撑组件，提供vue组件加载 iframe，umd iframe通信内部扩展

## Tip

## Install
```
yarn add @jianyu/easy-inject-iframe
```

## Use Layout

### Template Use
```
# examples/App.vue

<jy-iframe-page-layout class="iframe-test" src="https://jybx-webtest.jydev.jianyu360.com/big/page/index" debug>
  <template v-slot:loading>加载中... 自定义加载动画</template>
</jy-iframe-page-layout>

```

### Global Use
```
import JianyuIframe from '@jianyu/easy-inject-iframe'

Vue.use(JianyuIframe)
```

### Component Use
```
import { JyIframePageLayout } from '@jianyu/easy-inject-iframe'
```

## Use Page
```
<script src='/JianyuIframe.umd.min.js'></script>

<script>
new JianyuIframe.easyInjectIframePage({
    debug: true
})
</script>
```


## Project setup
```
yarn install
```

### Compiles and hot-reloads for development
```
yarn serve
```

### Compiles and minifies for production
```
yarn build
```

### Lints and fixes files
```
yarn lint
```

### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).