title: How can I bind a VueJS event to a C# razor input?
body: <p>I have a few dropdowns created with razor html helpers:</p>
  
  <pre><code> @Html.DropDownList("formtype-filter", Model.FormTypes, "Any Type...",
   new { @class = "form-control" })
  </code></pre>
  
  <p>I want to add a 'change' event handler to this input using VueJS</p>
  
  <p>Normally I would try to add something along the lines of <code>v-on:change="foo()"</code></p>
  
  <p>However when I try to add this to my razor input, I receive errors because the razor template doesn't support colons as far as I'm aware</p>
  
  <pre><code>@Html.DropDownList("formtype-filter", Model.FormTypes, "Any Type...",
       new { @class = "form-control", @v_on:change="foo()" })
                                         //^- Not allowed
  </code></pre>
  
  <p>How can I bind a Vue.js action/event to this input? 
  Is it possible?</p>