import { createRouter , createWebHashHistory } from 'vue-router' ; import { defineAsyncComponent } from 'vue' ; const Home = { template : '<p>Home</p>' } ; const router = createRouter ( { history : createWebHashHistory ( ) , routes : [ { path : '/' , redirect : '/introduce' } , { path : '/login' , name : 'login' , component : defineAsyncComponent ( ( ) => import ( "router-remote/Login" ) ) } , { path : '/shopping' , name : 'shopping' , component : ( ) => import ( '../views/Shopping.vue' ) } , { path : '/account' , name : 'account' , component : ( ) => import ( '../views/Account.vue' ) } ] } ) ; export default router ;