title: Initializing materialize elements in Vue.js
body: <p>How can I initialize the Materializes' select or modal elements in Vue.js? When I add the following code in my document ready the elements do not work. </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-html lang-html prettyprint-override"><code>&lt;script&gt; 
  
  $(document).ready(function() {
    $('.modal-trigger').leanModal('open');
    $('select').material_select();
  });
  
  //Vue.js code here...   
   
  &lt;/script&gt; </code></pre>
  </div>
  </div>
  </p>