title: Vue - Destructuring object to this (data)
body: <p>How can I use object destructuring to my Vue component data?
  This is my actual code:</p>
  <pre><code>data: () =&gt; ({
    descricao: '',
    perfilBase: null,
    anotherField: '',
    otherOne: false
  }),
  
  mounted () {
    this.descricao = this.$route.query.descricao
    this.perfilBase = this.$route.query.perfilBase
  }
  </code></pre>
  <p>How can I do it like this? Is it possible?</p>
  <pre><code>mounted () {
    { this.descricao, this.perfilBase } = ...this.$route.query
  }
  </code></pre>