我有一个内置于Vue.js的SPA，它允许用户输入多个值来创建类似于食谱的东西。所有这些值都以Vuex状态存储。我希望能够使用用户输入的状态值创建URL，以便其他用户可以使用已输入的值加载应用程序。基本上我想让用户通过共享URL来共享他们在我的应用中创建的食谱。
我正在想象一个“共享”按钮，它将创建的URL复制到用户的剪贴板，然后他们可以在社交媒体或其他任何内容上发布。然后当有人访问该链接时，他们将转到我的应用程序，并且vuex状态值将自动更新为URL中的参数值。
实现此功能的最佳方法是什么？这是vue-router可以实现的吗？
答案 0 :(得分：2)
如果我理解正确的话，vue-router就应该这样做。
查看他们发送用户ID的文档。您可以根据需要传递任意数量的参数。
https://router.vuejs.org/en/essentials/dynamic-matching.html
注意：您可以考虑使用路由器重建应用程序路径。
答案 1 :(得分：2)
使用$route.query提供的vue-router属性。
通过您的网址传递参数，例如http://example.com/#/?amount=10，并使用this.$route.query.amount访问它们。
在主要组件的vuex方法中更新您的mounted()商店。