title: How Can I Save Selected Form Option in Vue to Firebase
body: <p>I have a collection that I want  the option selected by the user submitted to in firebase.</p>
  <pre><code>&lt;select v-model=&quot;selected&quot;&gt;
  &lt;option disabled value=&quot;&quot;&gt;Marital Status&lt;/option&gt;
  &lt;option&gt;Married&lt;/option&gt;
  &lt;option&gt;Single&lt;/option&gt;
  &lt;option&gt;Divorced&lt;/option&gt;
  &lt;option&gt;Widow&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  <p>When I bind the form select  with profile.maritalStatus, the option selected will be submitted to profile collection in firebase, but the placeholder on the select form won't show on the page.
  How can I bind with v-model=&quot;selected&quot; and be able to submit it to the profile collection.</p>
  <pre><code>data (){
  selected:&quot;&quot;,
  profile:{
  maritalStatus: null,
  age: null, 
  profession: null,
  }
  },
  
  methods:{
  Save(){   db.collection(&quot;profile&quot;).add(this.profile)
  }
  }
  </code></pre>
  <p>I want a placeholder like this</p>
  <p><img src="https://i.stack.imgur.com/iy1AL.jpg" alt="enter image description here" /></p>