URL 작성 및 파라미터에서 Vue.js Vuex 상태 설정

URL 작성 및 파라미터에서 Vue.js Vuex 상태 설정

저는 Vue.js에 SPA를 내장하고 있습니다.이 SPA는 사용자가 레시피와 같은 것을 만들기 위해 몇 가지 값을 입력할 수 있습니다.이러한 값은 모두 Vuex 상태로 저장됩니다.사용자가 입력한 상태 값을 사용하여 URL을 생성하여 다른 사용자가 이미 입력한 값으로 앱을 로드할 수 있도록 하고 싶습니다.기본적으로 사용자가 앱에서 작성한 레시피를 URL을 공유함으로써 공유할 수 있도록 하고 싶습니다.

생성된 URL을 사용자의 클립보드에 복사하여 소셜 미디어 등에 게시할 수 있는 "공유" 버튼을 상상하고 있습니다.그런 다음 누군가가 링크를 방문하면 내 앱으로 이동하여 vuex 상태 값이 자동으로 URL에 있는 매개 변수 값으로 업데이트됩니다.

이 기능을 실현하는 가장 좋은 방법은 무엇입니까?이게 가능한 일인가요?vue-router?

를 사용합니다.$route.query제공 재산vue-router.

다음과 같은 URL을 통해 매개 변수를 전달합니다.http://example.com/#/?amount=10접속할 수 있도록this.$route.query.amount.

의 갱신vuex주요 컴포넌트의 저장mounted()방법.

Route 객체의 공식 문서

제가 제대로 이해했다면 vue-router가 정확히 그렇게 할 것입니다.

사용자 ID 를 송신하는 문서를 참조해 주세요.원하는 만큼 매개 변수를 전달할 수 있습니다.

https://router.vuejs.org/en/essentials/dynamic-matching.html

주의: 라우터를 사용하여 응용 프로그램패스를 재구축 하는 것을 검토해 주세요.

언급URL : https://stackoverflow.com/questions/45134271/creating-a-url-setting-vue-js-vuex-state-from-its-parameters