Vue路由之touter-link、router-direct的使用

一、router-link

• 通过router-link渲染出来的组件是a标签
• 可通过设置tag属性来设置渲染出来的标签，将router-link渲染为span标签

<router-link to="/login" tag="span">登录</router-link>

• 不管将router-link渲染出什么标签，该标签都会绑定一个点击的触发事件

二、redirect重定向的使用

var routeObj = new VueRouter({
            routes: [
                {path: '/', redirect: '/login'},
                {path: '/login', component: login},
                {path: '/register', component: register}
            ]
        })