首先安装vue-router
1.添加路由链接
2.配置路由规则
3.路由占位
4.将路由挂载到vue实例中
编程式导航 通过js中的api 例如location.href
编程式导航是
r
o
u
t
e
r
t
h
i
s
.
router this.
routerthis.router.push(‘hash地址’)
this.
r
o
u
t
e
r
.
g
o
(
n
)
声
明
式
导
航
例
如
通
过
a
标
签
或
者
通
过
<
r
o
u
t
e
r
−
l
i
n
k
t
o
=
"
/
u
r
l
"
>
t
h
i
s
.
router.go(n) 声明式导航 例如通过 a标签 或者通过<router-link to="/url"> this.
router.go(n)声明式导航例如通过a标签或者通过<router−linkto="/url">this.route用来获取当前用户信息
this.
r
o
u
t
e
r
是
n
e
w
V
u
e
R
o
u
t
e
r
的
实
例
对
象
t
h
i
s
.
router 是new VueRouter的实例对象 this.
router是newVueRouter的实例对象this.router.push({name: ***, params: {id: 22}})
this.$router.push({name: ***, query: {id: 22}})
parmas传参刷新传入的id会消失 但是不会在地址栏显示
query方式传参刷新id不会消失 但是会在地址栏显示