npm's personal messenger

    vue-router-sync

    0.1.0 • Public • Published

    vue-router-sync

    NPM version NPM downloads CircleCI

    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:

    import Vue from 'vue'
    import RouterSync from 'vue-router-sync'
     
    Vue.use(RouterSync)

    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

    Keywords

    none

    Install

    npm i vue-router-sync

    DownloadsWeekly Downloads

    562

    Version

    0.1.0

    License

    MIT

    Last publish

    Collaborators

    • rem