无参数跳转:
使用路由标签跳转:
通过路由路径跳转:
<router-link :to="{path:'/fruit/apple'}">apple</router-link>
此时的path
就是注册路由时的path
,也就是路由的路径。
可以简写为。
<router-link to="/fruit/apple">apple</router-link>
通过路由名称跳转:
<router-link :to="{name:'apple'}">apple</router-link>
此时的name
就是注册路由时的name
,也就是路由的名称。
用路由跳转的方式会给要跳转的元素加上a
标签,可以通过tag
属性,自定义跳转元素的标签
<router-link tag="button" :to="{pat