프로그램 내용은 다음과 같습니다. 라우팅 구성 파일은 index.js 파일에 경로입니다. 결과적으로 URL 이 변경되지만,이 페이지는 항상과 일치 루트 페이지입니다. 나는 방법,그것은 오후를 해결합니다. 나는 초보자. 나는 당신을 희망에 웃지 않는 나와 나를 도울 수 있습니다. 감사
app.vue:
<template>
<div id="app">
root组件
<router-link to="/login"> to login</router-link>
<router-view></router-view>
</div>
</template>
<script>
export default {
name: 'app'
}
</script>
<style>
</style>
로그인합니다.vue
<template>
<div>
login组件
</div>
</template>
<script>
export default {}
</script>
<style lang="less" scoped>
</style>
router/index.js
import Vue from 'vue'
import VueRouter from 'vue-router'
import login from '../components/login.vue'
Vue.use(VueRouter)
const routes = [
{ path: '/login' , compoment: login}
]
const router = new VueRouter ({
routes
})
export default router
main.js:
import Vue from 'vue'
import App from './App.vue'
import router from './router/index.js'
import './plugins/element.js'
Vue.config.productionTip = false
new Vue({
router,
render: h => h(App)
}).$mount('#app')
파일 구조 입력한 이미지는 여기에 설명