vue-router组件懒加载

组件懒加载,跟图片懒加载类似,即需要使用此组件的时候,才加载此组件,由此可避免在加载首页的时候加载所有的组件。

实现组件懒加载,需要设置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,
}]
})

猜你喜欢

转载自blog.csdn.net/xiaoxiaoluckylucky/article/details/79382769