vue路由详解

• 路由分为 编程式路由和声明式路由
• 定义路由对象

const router = new VueRouter({
    routes:[
        {
            path: '/',
            name: '',
            // redirect: '/index', 路由重定向的位置（意思就是要把页面定向到哪一个页面）
            redirect: {
                // 可以是下面五种跳转方法中的任何一种方式
            },
            component: 组件文件
        },
        {
            path: '/index',
            name: '',
            component: index
        }
    ]
})
new Vue({
    el: '#app',
    router
})

声明式路由

<div id="app">
    <router-view></router-view>
    <!-- 最简单的写法 -->
    <router-link to="这里是要跳转的页面的path"></router-link>
    <router-link to="这里是要跳转的页面的name"></router-link>
    <!-- 第二种写法 -->
    <router-link :to="{
        path: '这里是要跳转的页面的path',