router-link
<router-link to="/">Home</router-link>
router-link是写在模版当中的跳转方式,传参方式就是后边拼接?参数名=值
||
相当于 a标签
动态参数,要用v-bind(简写:)来进行监听 动态的值
to 属性指定链接
router-link 会默认渲染成为一个<a>标签 href
路由跳转
路由跳转,如果不使用动态参数,那么还想刷新页面的时候可以获取参数,只能是用query 传参
// query 和 path 是一对组合,不可以拆分,传参方式固定
homeClick() {
this.$router.push({
path: '/loginQuery',
query: {
type: '01'
}
})
// 总结
// this.$router.push 中 **
// name 和params 是一对组合。。 获取参数的方式是 this.$route.params
// query和path 是一对组合 不可以互相使用 ..获取参数的方式是 this.$route.query
// router-link
// vue-router 的实例