title: Vuejs router listen to events
body: <p>I have a component wherein the props were passed through the route (<a href="https://router.vuejs.org/guide/essentials/passing-props.html" rel="nofollow noreferrer">https://router.vuejs.org/guide/essentials/passing-props.html</a>).  My question is how do I listen to emitted events from the component so that I can mutate the props passed from the route?</p>
  
  <p>In my route I have something like</p>
  
  <pre><code>...
  {
      path: "details/:id?",
      name: "booking.details",
      component: BookingDetails,
      props: true
  }
  ...
  </code></pre>
  
  <p>And inside the component I have a props</p>
  
  <pre><code>...
  props: {
      invoice: {
          type: Object,
          required: false,
          default: () =&gt; ({})
      }
  },
  
  ...
  
  methods: {
      save () {
          this.$emit('reset-invoice') // where do I capture this event
      }
  }
  
  ...
  </code></pre>