title: How to convert a Vue-wrapped object to a normal object
body: <p>I need to assign the data variable of type object to a normal variable  </p>
  
  <pre class="lang-js prettyprint-override"><code>const myVue = new Vue({
    el: '#myVue',
    data: {
      vars: {}, // show Form
    },
    methods: {
      assign_vars() {
        const new_vars = this.vars;
      },
    },
  });
  </code></pre>
  
  <p>html </p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;input type="text"  v-model="vars.name" &gt;
  </code></pre>
  
  <p>I need  <code>new_vars</code> to be just like this:</p>
  
  <pre class="lang-js prettyprint-override"><code>new_vars: { name: 'test' }
  </code></pre>
  
  <p>but what happens is <code>new_vars</code> is having all the attributes that Vue creates  </p>