vue路由的基本使用

一、创建路由文件

import Vue from "vue" //导入 vue
import router from "vue-router" //导入 vue-router
Vue.use(router) //安装插件
import Index from '../components/Index.vue'

var rou = [
    {
        path: "/"
        component: Index
    }
]

const router = new Router({
    routes: rou
})

export default router

二、项目加载路由

// main.js

import router from "./router/router"

new Vue({
    router
})

三、定义组件显示的位置

//App.vue

<router-link to="/">内容</router-link>

<router-view />