美文网首页vue
Vue-Router懒加载

Vue-Router懒加载

作者: 菜鸟搬砖 | 来源:发表于2018-12-12 15:41 被阅读12次

解决Vue项目过大时,首次进入首页的速度变慢。

第一种:

const routers = [

    {

        path: '/',

        name: 'index',

        component: (resolve) => require(['./views/index.vue'], resolve)

    }

]

第二种:

const Index = () => import(/* webpackChunkName: "group-home" */ '@/views/index')

const routers = [

    {

        path: '/',

        name: 'index',

        component: Index

    }

]

第三种:

const Index = r => require.ensure([], () => r(require('./views/index')), 'group-home');

const routers = [

    {

        path: '/',

        name: 'index',

        component: Index

    }

]

相关文章

网友评论

    本文标题:Vue-Router懒加载

    本文链接:https://www.haomeiwen.com/subject/htcphqtx.html