title: Putting data inside prop to make it look tidy Vue.js
body: <p>I have a create page, I make a POST request using Axios and it works great. But I think my code is not healthy at all.</p>
  <p><strong>That is how I define my props:</strong></p>
  <pre><code>data () {
              return {
  
                  first_name: '',
                  last_name: '',
                  student_number: '',
                  phone_number: '',
                  email: '',
                  birth_date: '',
                  school_name: '',
              };
          },
  </code></pre>
  <p>These things are <code>v-model</code>'s objects. I use them to make a POST request to my API. But instead of writing them one by one, can I put these in an array or a prop?</p>
  <p>When I'm making a request to API, I define my <code>v-model</code>'s one by one again.</p>
  <p><strong>Like this</strong></p>
  <pre><code>axios.post(`/api/students`, {
  
                  first_name:this.first_name,
                  last_name:this.last_name,
                  student_number:this.student_number,
                  phone_number:this.phone_number,
                  email:this.email,
                  birth_date:this.birth_date,
                  school_name:this.school_name,    
  </code></pre>
  <p>Can I send them in just one or two line?</p>
  <p>Like: <code>postedData:this.studentData;</code></p>