Vue.js bind URI query to computed

example.vue

<template>
  <div>this is an exmaple of binding url query to vue.js computed property</div>
</template>

<script>
    name: "example",
    computed : {
        page: {
            get() {
              //set default value here
              var page = typeof this.$route.query.page !== 'undefined' ? this.$route.query.page : 0;
              return page;
            },
            set(newPage) {
               //set query string regex (ex-only digits, urlencode, etc) here
              this.$router.push({ query: { page: newPage }})
            }
      }
    }
</script>

<style>

</style>