我是Vue新手。我一直在尝试使用Vue-Router设置一个简单的路由。但我有一个问题,我不知道为什么。
我可以看到'信息中心'当我转到网址" http://localhost:8080/#/"但是我看不到登录'当我去网址" http://localhost:8080/#/login"。
谢谢
index.js
import Vue from 'vue'
import Router from 'vue-router'
import Dashboard from '@/components/Dashboard'
import Login from '@/components/Login'
Vue.use(Router)
export default new Router({
routes: [
{
path: '/',
component: Dashboard
},
{
path: '/login',
Component: Login
}
]
})
Login.vue
<template>
<p>Login</p>
</template>
<script>
export default {}
</script>
App.vue
<template>
<div id="app">
<router-view></router-view>
</div>
</template>
<script>
export default {}
</script>
Dashboard.vue
<template>
<p>Dashboard</p>
</template>
<script>
export default {
name: 'Dashboard'
}
</script>
答案 0 :(得分:2)
我不是Vue专家,但我觉得你应该导航到localhost:8080/login
而不是localhost:8080/#/login
您还在index.js的第16行中大写Component