vue-router-sync
Keep vm data and router state in sync.
Install
yarn add vue-router-sync
CDN: UNPKG | jsDelivr (available as window.RouterSync
)
Usage
Note that this is supposed to work with vue-router
:
Vue
Then in your component
<script>export default { data() { return { foo: 'foo' } }, syncDataRouter: { foo: 'foo_in_query' }}</script>
Mount the app and the URL will be updated to /?foo_in_query=foo
. Everytime the foo
is changed the corresponding URL query will be updated too.
License
MIT © EGOIST