Vue框架学习笔记-9
不同页面之间的数据传递
在Vue-cli框架中，每个页面都是独立的，相当于每个组件也是独立的，他们的数据并不会共享，所以要将两个不同页面之间的数据进行传递共享，这就成为了问题。我们通常会使用以下解决方案;
通过静态路由
查询参数附加在URL的查询字符串中（即URL的?后面的部分）。它们对于需要保留在URL中以便用户可以通过书签或分享链接来访问的数据很有用。
发送数据：
this.$router.push({ path: '/target', query: { userId: 123 }});
接收数据：
在目标组件中，你可以通过this.$route.query来访问这些数据。
export default {
mounted() {
console.log(this.$route.query.userId); // 输出: 123
}
}
通过动态路由
Params（动态路由匹配）
Params通常用于动态路由匹配，例如，当你有一个像/user/:id这样的路由时。这些参数不会出现在URL的查询字符串中，而是作为URL的一部分。