keep-alive＋动态路由传参

keep-alive 是 Vue 内置的一个组件，可以使被包含的组件保留状态，或避免重新渲染。（缓存组件）
使用场景：
例如在A组件内多个输入框中输入信息，此时需要跳转进入B组件进行操作，再返回A组件。若没有使用 keep-alive，则A组件内输入框中的信息都会被清空，因为A组件被重新渲染。使用 keep-alive，则会保留之前输入框中的信息

具体可参考，转至这位作者https://blog.csdn.net/Dax1_/article/details/121962888

动态路由传参

两种方式来传递动态参数：
（1）params //取参this.$route.params.id
（2）query //取参this.$route.query.id

params方式的传参

（1）使用router-link方式实现路由跳转
（2）、使用$router的方式进行路由的跳转

query方式的传参

（1）使用router-link方式实现路由跳转
（2）、使用$router的方式进行路由的跳转

总结：
1.params方法传参时，属性名必须跟配置路由时的动态参数名一致，否则报错，query不用配置
2.路由跳转使用 “router”；获取参数使用“route”
3.params和query方法中，to属性使用对象的方式，且params方式路由的引入只能用name，query方式路由的引入可以用name和path。
4.如果不在配置路由时用:id配置，则传的参数刷新页面后就取不到这个id了，就只是传一次参而已，配置后刷新后不失效

//index.js中配置路由信息  //使用冒号：绑定动态参数。
const routes = [{
    path: '/goods/:id',
    component: Goods
}]