vueRouter lazyLoad

Posted llllily

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vueRouter lazyLoad相关的知识,希望对你有一定的参考价值。

import Vue from ‘vue‘
import Router from ‘vue-router‘
import HelloWorld from ‘@/components/hello/index.vue‘
// import Demo from ‘@/components/demo/index.vue‘

Vue.use(Router)
//路由懒加载
export default new Router({
  routes: [
    {
      path: ‘/‘,
      name: ‘HelloWorld‘,
      // component: HelloWord,//非懒加载
      // component: () => import(‘@/components/hello/index.vue‘)//ES6
      component: resolve => require([‘@/components/hello/index.vue‘],resolve)//ES5
    },
    {
      path: ‘/demo‘,
      name: ‘demo‘,
      component: () => import(‘@/components/demo/index.vue‘)
    }
  ]
})

 ??博客园已经成为我写草稿的地方了。。。

以上是关于vueRouter lazyLoad的主要内容,如果未能解决你的问题,请参考以下文章

IOS:来自 Json 的 LazyLoad 图像

图片延迟加载(lazyload)

Vue 自定义图片懒加载指令v-lazyload

jquery-懒加载技术(简称lazyload)

Vue 自定义图片懒加载指令v-lazyload

缓冲加载图片的 jQuery 插件 lazyload.js 使用方法详解