组件懒加载,跟图片懒加载类似,即需要使用此组件的时候,才加载此组件,由此可避免在加载首页的时候加载所有的组件。
实现组件懒加载,需要设置router下面的index.js文件:
import Vue from 'vue'
import Router from 'vue-router'
Vue.use(Router)
const Search = resolve => {
import ('views/search').then(module => {
resolve(module)
})
}
export default new Router({
routes: [{
path: '/search',
component: Search,
}]
})