方式一:使用a标签,叫做标签跳转;
tag是规定把router-link渲染成什么标签,默认渲染成span
方式二:使用js方法,利用window.location.href的形式,叫做编程式导航
给元素绑定点击事件
在vue中不允许进行dom,bom的操作,使用router.push(…)
// 字符串
router.push(‘home’)
// 对象
router.push({ path: ‘home’ })
// 命名的路由
router.push({ name: ‘user’, params: { userId: ‘123’ }})
// 带查询参数,变成 /register?plan=private
router.push({ path: ‘register’, query: { plan: ‘private’ }})
注意:在vue中this.
r
o
u
t
e
和
t
h
i
s
.
route和this.
route和this.router是两个不同的对象
this.
r
o
u
t
e
是
路
由
参
数
对
象
,
所
有
路
由
中
的
参
数
都
属
于
他
,
p
a
r
a
m
s
,
q
u
e
r
y
都
属
于
他
t
h
i
s
.
route是路由参数对象,所有路由中的参数都属于他,params,query都属于他 this.
route是路由参数对象,所有路由中的参数都属于他,params,query都属于他this.router是一个路由导航对象,用它可以方便的使用Js代码,实现路由的前近,后退,跳转到新的url地址