https://github.com/officert/vue-friendly-iframe
A Vue js component for creating super fast loading, non-blocking iframes.
https://github.com/officert/vue-friendly-iframe
Last synced: 6 months ago
JSON representation
A Vue js component for creating super fast loading, non-blocking iframes.
- Host: GitHub
- URL: https://github.com/officert/vue-friendly-iframe
- Owner: officert
- Created: 2017-11-29T22:51:06.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2021-02-17T19:11:00.000Z (almost 5 years ago)
- Last Synced: 2025-05-24T11:40:19.235Z (7 months ago)
- Language: Vue
- Homepage: https://officert.github.io/vue-friendly-iframe/
- Size: 238 KB
- Stars: 310
- Watchers: 3
- Forks: 56
- Open Issues: 15
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome-vue - vue-friendly-iframe - A Vue js component for creating super fast loading, non-blocking iframes. ` 📝 4 months ago` (UI Components [🔝](#readme))
- awesome-vue-zh - Vue友好的iframe - 用于创建超快加载,非阻塞iframe的Vue js组件. (UI组件 / 杂)
- awesome-vue - vue-friendly-iframe ★49 - A Vue js component for creating super fast loading, non-blocking iframes. (UI Components / Miscellaneous)
- awesome-vue - vue-friendly-iframe - A Vue js component for creating super fast loading, non-blocking iframes. (Components & Libraries / UI Components)
- awesome-vue - vue-friendly-iframe - A Vue js component for creating super fast loading, non-blocking iframes. (UI Components / Miscellaneous)
README
# vue-friendly-iframe
> Vue js component for creating dynamic async iframes based on Aaron Peter's article: http://www.aaronpeters.nl/blog/iframe-loading-techniques-performance
[](https://badge.fury.io/js/vue-friendly-iframe)
## Documentation
[https://officert.github.io/vue-friendly-iframe](https://officert.github.io/vue-friendly-iframe)
## Demo
[https://officert.github.io/vue-friendly-iframe](https://officert.github.io/vue-friendly-iframe)
## Requirements
* [Vue.js](http://vuejs.org/) (^v2.1.4)
## Installation
## Vue Support
Supports on Vue >= 2
## Installation and Usage
```javascript
npm install vue-friendly-iframe --save-dev
```
```javascript
import Vue from 'vue';
import VueFriendlyIframe from 'vue-friendly-iframe';
Vue.use(VueFriendlyIframe);
```
Add the component to your HTML:
```html
```
### Contributing
Pull requests are welcome, or open up an issue if you have ideas for additional functionality, new features or bugs.