title: getting value of dropdownlist using vue.js
body: <p>I'm trying to get the value of a drop down list and change the div content using a get request 
   view </p>
  
  <pre><code> &lt;div class="row row-mb2" id="Produit-tab"&gt;
   @Html.DropDownList("Version", new SelectList(ViewBag.Versions, "IdVersion", "VersionProduit"), new { @id = "version" })
   &lt;/div&gt;
  
  &lt;div id="versiondetails"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>script :</p>
  
  <pre><code> $.Produit.settingsView = new Vue({
              el: '#Produit-tab',
              data:
                  {
                  version:''
                  },
              watch: {
                  version: function (versionprod) {
                      $.get("@Url.Action("Details", "VersionProduit", new {id = "_PARAM_" })".replace("_PARAM_", versionprod), function (data) {
  
                          $('#VersionDetails').html(data);
                      });
                  }
              }//,.....rest of the code 
  </code></pre>
  
  <p>I'm usually using vue.js with input using v-model="..."
  but with razor i can't inject a vue.js attribut i tried this but it razor doesn't accept it </p>
  
  <pre><code> @Html.DropDownList("Version", new SelectList(ViewBag.Versions, "IdVersion", "VersionProduit"), new { @id = "version" ,@v-Model="version" })
  </code></pre>