day80-vue

vue路由name的使用

#路由配置

import Main from './views/Main'
routes: [
    {
        path: '/main',
        name: 'main',
        component: Main
    }
]


#视图使用

<router-link :to="{name: 'main'}">主页</router-link>          <!--注：如果to后面没值，路由就变成之前点击的路由-->

router-link与系统a标签的区别

router-link：
　　会被vue渲染成a标签，但是点击这样的a标签不能发生页面的转跳，只会出现组件的替换
<a>：
　　也可以完成同样的效果，但是会发生页面的转跳，并且效率低

路由的重定向

routes: [
    {
        path: '/',
        name: 'home',
        component: Home
    },
    {
        path: '/home',
        redirect: '/',                     　　// 重定向
    }
]

 

来源：https://www.cnblogs.com/klw1/p/11341652.html