vue-router

Posted 2021-05-25 liyunlonggg

vue-router

1 .安装

npm install vue-router --save

在mian.js中引入

在router.js中

两种方式

1.hash ---- 利用URL中的hash（“#”）
2.利用History interface在 html5中新增的方法, 详情点击
默认是hash

跳转方式

声明式	编程式
reouter-link :to="…" 注：标签	router.push(…)

声明式

这种只需要跳转页面，不需要添加验证方法的情况，可以使用 来实现导航的功能

还可以在 routers.js 中添加动态参数：

{ 
    path: '/home/:id',
    component: Home
}

通过this.$router.params来接收

编程式

可以使用 this.$router.push() 来修改 url，完成跳转

通过this.$router.query来接收