vue-router query和params传参区别和rout

一、query和params传参区别

query相当于get请求,页面跳转的时候，可以在地址栏看到请求参数
而params相当于post请求，参数不会再地址栏中显示
传参:

image.png

二、router/route的区别

打印this.$router ：（路由的一些功能！！！！！！！！！！）

this.$router.push

this.$router.addRouter...

1555768608905.png

打印this.$route：（当前路由的一些信息/属性！！！！！！！！！！）

this.$route.query...

this.$route.params

1555768774692.png

路由的使用步骤：

1. 引入包 npm install vue-router -S 后
   main.js中引入import VueRouter from 'vue-router'
2. 创建实例化VueRouter对象
3. 匹配路由规则
   const router = new VueRouter({
   routes // 路由列表 eg: [{ path: '/foo', component: Foo }]
   });
4. 挂载new Vue()实例化对象中/Vue.use(VueRouter)

附加router-view内容

怎么刷新router-view中的内容

<router-view :key="activeDate" />

activeDate: 1

事件中  this.activeDate = new Date().getTime() 

缓存router-view中的内容

<keep-alive>
    <router-view v-if="$route.meta.keepAlive"></router-view>
</keep-alive>