这是我的设定:
main.js 创建一个vue并将组件App附加到dom中的元素
router.js 设置路径
App.vue 有 router-view 和几个 router-link
问题:
链接 Admin1 工作正常
链接 Admin2 没有工作并添加到网址栏: #/{name: 'admin'}
我是以错误的方式使用路由器吗?在我的文件下面详细说明
main.js
import Vue from 'vue'
import router from './router'
import App from './App'
new Vue({
router,
el: '#app',
components: { App },
template: '',
data: {
}
})
router.js
import Vue from 'vue'
import Router from 'vue-router'
import HelloWorld from '@/components/HelloWorld'
import Marketplace from '@/components/Marketplace'
import Admin from '@/components/Admin'
Vue.use(Router)
export default new Router({
routes: [
{
path: '/',
name: 'HelloWorld',
component: HelloWorld
},
{
path: '/marketplace',
name: 'marketplace',
component: Marketplace
},
{
path: '/admin',
name: 'admin',
component: Admin
}
]
})
App.vue
Home
Admin1
Admin2
export default {
name: 'App'
}