title: Change event doesn't activate with VueJS 2 using Materialize CSS Select component
body: <p>I'm trying to make cascading combo-boxes, and stuck with a problem: VueJS doesn't see change event of Materialize select element. Here is my code:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>let app = new Vue({
    el: '#app',
    data: {
      elements: [
        {'id' : 1, 'text' : 'Option 1'},
        {'id' : 2, 'text' : 'Option 2'}
      ]
    },
  
    updated() {
      $('select').material_select();
    },
  
    methods : {
      onChange() {
        alert('Option changed!');
      }  
    }
  });
  
  $('select').material_select();</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://code.jquery.com/jquery-3.2.1.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/js/materialize.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://unpkg.com/vue"&gt;&lt;/script&gt;
  &lt;link href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css" rel="stylesheet"/&gt;
  
  &lt;div class="container" id="app"&gt;
    &lt;div class="row"&gt;
      &lt;div class="input-field col s12 m6"&gt;
        &lt;select name='somename' id='somename' @change='onChange()'&gt;
          &lt;option selected="" disabled="" value=""&gt;Choose your make&lt;/option&gt;
          &lt;option v-for="option in elements" :value="option.id"&gt;{{option.text}}&lt;/option&gt;
        &lt;/select&gt;
        &lt;label&gt;Car make&lt;/label&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  
    &lt;select class="browser-default" name='somename' id='somename' @change='onChange()'&gt;
      &lt;option selected="" disabled="" value=""&gt;Choose your make&lt;/option&gt;
      &lt;option v-for="option in elements" :value="option.id"&gt;{{option.text}}&lt;/option&gt;
    &lt;/select&gt; 
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>If changing JS code to handle the 'change' event with jQuery - it works. </p>
  
  <pre><code>$('#somename').on('change', function(){alert('Changed - JQUERY')});
  </code></pre>
  
  <p>Really, don't understand what's the problem here. If executing that vue code on plain html components - it also works. </p>