Vue-router路由使用，单页面的实现

1.安装路由系统

NPM
npm install vue-router

2.在main.js中进入引用

import VueRouter from 'vue-router'

3.创建三个空的组件：

Vcourse.vue

<template>
<div class="course">
  课程
</div>
</template>

<script>
    export default {
        name: "vcourse",
        data(){
          return {

          }
        }
    }
</script>

<style scoped>

</style>

View Code