关于vue-router2的写法

Question

在学习vue-router中遇到以下这两段代码，请问有什么区别呢？

import theme from 'components/theme'
{ 
    path: '/theme/:topicClass', component: theme 
}

{
    meta: { auth: false },
    path: '/my/messages/', 
    component: resolve => require(['../pages/my/messages/'],resolve)
}

第一个是有把组件import进来的
第二个是没有把组件import进来

问题：

1. 上面两段代码有什么区别？

2. 第二段代码resolve => require(['../pages/my/messages/'],resolve)这个是什么意思？

求大神解释～～

Answer 1

第一种普通加载，这种方式当Javascript 包会变得非常大，影响页面加载。 第二种方式实现vue组件懒加载，更加高效
http://router.vuejs.org/zh-cn...