一、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
路由的使用步骤：
- 引入包 npm install vue-router -S 后
main.js中引入import VueRouter from 'vue-router'- 创建实例化VueRouter对象
- 匹配路由规则
const router = new VueRouter({
routes // 路由列表 eg: [{ path: '/foo', component: Foo }]
});- 挂载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>
