How to update data by router.push()?

Question

Vue.js

Hello, the component does

$router.push({
                path: '/selectId',
                query: {id: id },
              })

How can I update the id variable from data when someone called routerPush
Option c

mounted() {
    if (this.$route.id)
      this.id = this.$route.query.id;
  },

Not updated(

Answer 1

watch: {
  "$route.query.id": function (value) {
    // do something
    this.id = value;
  }
}

Answer 2

mounted() {
if (this.$ route.query ? .id)
this.id = this.$route.query.id;
},