对于优化首屏很有帮助,当页面比较庞大时,可以使用懒加载,页面较小时使用基本写法就可以
基本写法
import Vue from 'vue'
import Router from 'vue-router'
Vue.use(Router)
export default new Router({
routes = [
{
path: "/home",
name: 'Home',
component: 'pages/Home/Home'
},
{
path: "/city",
name: 'City',
component: 'pages/City/City'
},
{path:"/",redirect:"/home"}
]
})
懒加载
import Vue from 'vue'
import Router from 'vue-router'
Vue.use(Router)
export default new Router({
routes = [
{
path: "/home",
name: 'Home',
component:() => import(/* webpackChunkName: "Home" */'pages/Home/Home')
},
{
path: "/city",
name: 'City',
component:() => import(/* webpackChunkName: "City" */'pages/City/City');
},
{path:"/",redirect:"/home"}
]
})