npm install @xunlei/vue-lazy-component 在线demo / Online demo https://xunleif2e.github.io/vue-lazy-component/demo/dist/index.html 使用 1. 注册组件 方式1 利用插件方式全局注册 importVueLazyComponentfrom'@xunlei/vue-lazy-component'importVuefrom'vue'Vue.use(VueLazyComponent) ...
1.介绍:是vue组件懒加载的预估插件组件。支持组件组件延时加载, 加载真实组件前展示骨架组件,提高用户体验,真实组件代码分包异步加载 //安装npm install @xunlei/vue-lazy-component//使用方式一//main.js文件中全局注册使用import VueLazyComponentfrom'@xunlei/vue-lazy-component'Vue.use(VueLazyComponent)//使用方式...
//安装npm install @xunlei/vue-lazy-component//使用方式一//main.js文件中全局注册使用import VueLazyComponent from'@xunlei/vue-lazy-component'Vue.use(VueLazyComponent)//使用方式二//在组件中实现局部注册组件import { component as VueLazyComponent } from'@xunlei/vue-lazy-component'exportdefault{ compone...
npm i @xunlei/vue-lazy-component 方式1 利用插件方式全局注册 方式2 局部注册 方式3 独立版本引入,自动全局注册 用法 Props Events DEMO 1 超长页面懒加载 xunleif2e.github.io/vue <vue-lazy-component> <st-series-sohu/> <st-series-sohu-skeleton slot="skeleton"/> </vue-lazy-component> 通过上面这种...
#install depsnpm install#serve demo at localhost:8080npm run dev#build library and demonpm run build#build librarynpm run build:library#build demonpm run build:demo#commit use commitizennpm run commit#pre publishnpm run prepublish#generate changelognpm run changelog ...
npm install @xunlei/vue-lazy-component ``` ## Online demo https://xunleif2e.github.io/vue-lazy-component/demo/dist/index.html ## Usage ### Registration ### Use plugin to register a global component ```javascript import VueLazyComponent from '@xunlei/vue-lazy-component' import Vue from...
npm i @xunlei/vue-lazy-component 方式1 利用插件方式全局注册 方式2 局部注册 方式3 独立版本引入,自动全局注册 用法 使用方式 Props Events DEMO 1 超长页面懒加载 https://xunleif2e.github.io/vue-lazy-component/demo/dist/index.html#/large-page ...
1.介绍:是vue组件懒加载的预估插件组件。支持组件组件延时加载, 加载真实组件前展示骨架组件,提高用户体验,真实组件代码分包异步加载 //安装npm install @xunlei/vue-lazy-component//使用方式一//main.js文件中全局注册使用import VueLazyComponent from'@xunlei/vue-lazy-component'Vue.use(VueLazyComponent)//使用方...
<!-- Styles with CSS Custom Properties --> <!-- Minified styles with CSS Custom Properties --> <!-- --> <!-- Styles without CSS Custom Properties --> <!-- --> <!-- Minified styles without CSS
$ npm i vue3-deferred-content # or $ yarn add vue3-deferred-content📎 How to use?main.js:import { createApp } from 'vue' import App from './App.vue' import VueDeferredContent from 'vue3-deferred-content' const app = createApp(App) const options = { name: 'lazyContent', // ...