项目上线后发现首页加载过慢,想要提升页面访问速度,做了路由懒加载。
在项目路由文件index.js中
1.未使用懒加载时,代码如下:
import Vue from 'vue'
import VueRouter from 'vue-router'
import Dashboard from '@/views/dashboard'
Vue.use(VueRouter)
const routes = [
{
path: '/dashboard',
name: 'dashboard',
component: Dashboard
}
]
export default new VueRouter({
routes
})
2.使用懒加载时,代码如下:
import Vue from 'vue'
import VueRouter from 'vue-router'
const Dashboard = () => import('@/views/dashboard')
Vue.use(VueRouter)
const routes = [
{
path: '/dashboard',
name: 'dashboard',
component: Dashboard
}
]
export default new VueRouter({
routes
})