VueRouterVueRouter小技巧在一开始写入路由vue-router实现的效果是在App.vue里显示所有组件

VueRouter 小技巧

在一开始写入路由 vue-router 实现的效果是在 App.vue 里显示所有组件，可以不刷新达到切换页面的效果，在 src => router => index.js 中把所有的 path 都放在了 app.js 中，就会引来一个小问题，在一个打得网站页面中很多时候不需要打开所有的组件，就会造成请求过慢，网络卡顿等问题，所以今天就给大家介绍个小技巧：

import Vue from 'vue'
import VueRouter from "vue-router"
Vue.use(VueRouter)
let router = new VueRouter({
  routes:[
      {
          path:"/" ,
          component:()=> import('@/page/Home')
      },
      {
        path:"/login" ,
        component:()=> import('@/page/Login')
    }
  ]
})
export default router

而之前的写法是

import Vue from 'vue'
import VueRouter from "vue-router"
Vue.use(VueRouter)
import Home from "@/page/Home"
import Login from "@/page/Login"
let router = new VueRouter({
  routes:[
      {
          path:"/" ,
          component:{
              Home
          }
        },
           {
            path:"/login" ,
            component:{
                Login
            }
           }
        
  ]
})
export default router