vue-router 路由缓存、路由传参

版权声明：原创文章，未经允许不得转载！！！ https://blog.csdn.net/halo1416/article/details/84504449

一、缓存路由组件对象

1、理解
1) 默认情况下, 被切换的路由组件对象会死亡释放, 再次回来时是重新创建的
2) 如果可以缓存路由组件对象, 可以提高用户体验

2、代码实现

        <keep-alive>
                <router-view></router-view>
        </keep-alive>

二、路由传参

方式一：通过路由的 params 传递参数

a. 配置路由

b. 组件中使用

c. detail.vue 中获取路由参数

d. 监听路由变化（按实际需求是否使用）

方法二：通过<router-view></router-view> 属性传递参数

a. <router-view>标签中写属性

写

b. 子组件（<router-view>显示的组件）中接受属性props

方式三：通过路由的 query传递参数（和params有三处不同）

a. 路由配置时不需要占位

b. 组价中使用路由是必须指定key

c. 获取路由参数时：this.$route.query.id

文章仅为本人学习过程的一个记录，仅供参考，如有问题，欢迎指出！