本文详细介绍如何在Vue项目中配置路由，包括在main.js文件中引入并挂载路由模块，以及在router.js中定义动态加载组件的路由规则。
1. 在mian.js引入: import router from './router'
2. 在mian.js挂载: 在nwe vue里加router
3.router.js写法
import Vue from 'vue'
import Router from 'vue-router'
//import HelloWorld from '@/components/HelloWorld'
//import index from '@/components/index'
Vue.use(Router)
function load(component) {
return () => System.import(`../components/${component}.vue`)
}
export default new Router({
routes: [
{
path: '/',
name: 'index',
component: load('index')
},
{
path: '/HelloWorld',
name: 'HelloWorld',
component: load('HelloWorld')
},
{
path: '/map',
name: 'map',
component: load('map')
},
{
path: '/vuex',
component: load('vuex')
},
]
})
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
