Skip to content
master
Go to file
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
dev
 
 
 
 
src
 
 
 
 
 
 
 
 
 
 
 
 
 
 

README.md

vue-lazy-component

Vue directive for lazy load components or elements, lazy load some components which not in the first screen can improve vue initialization performance.

Live demo

Usage

import Vue from 'vue';
import lazy from 'vue-lazy-component';

Vue.use(lazy);
<!--Lazy load the element, 3s-->
<div v-lazy="3000">
    <p>Chlid</p>
    <component></component>
</div>
<!--Lazy load the component-->
<component v-lazy="3000"></component>

<!--Lazy load 0s, the effect is like setTimeout(fn, 0) -->
<component v-lazy></component>

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build the component to UMD js
npm run build

# build the dev page
npm run build:demo

About

Vue directive for lazy load components or elements

Resources

Releases

No releases published

Packages

No packages published
You can’t perform that action at this time.