<router-link></router-link>默认是a标签,可使用tag属性<router-link tag="div"></router-link>指定标签。
<router-link to="/"></router-link>, 可使用<router-link :to="属性值(可变属性)"></router-link>。可用逻辑改变属性的值
redirect适用场景
const routes = [{
path: '/',
component: Home
},
{
path: '/menu',
component: Menu
},
{
path: '/admin',
component: Admin
},
{
path: '/about',
component: About
},
{
path: '/menu',
component: Menu
},
{
path: '/register',
component: Register
},
{
path: '*',//不是上面所有的路由,则跳转到指定路由
redirect: '/'
}
]
const router = new VueRouter({
routes,
mode: 'history'
})