Vue directive for lazy load components or elements, lazy load some components which not in the first screen can improve vue initialization performance.
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># 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