title: Vue instance not recognized in blade file
body: <p>I'm so stumped by this rather <em>simple</em> vuejs problem.</p>
  
  <p>Why does doing console.log(app2); work if I have this in my blade file (test_vodal.blade.php):</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  
  const app2 = new Vue({
      el: '#app2',
  
      data: {
          f: false,
          g: false
      }
  });
  console.log(app2);
  &lt;/script&gt;
  @endsection
  </code></pre>
  
  <p>but give me an error if I move my code into app.js and have this?</p>
  
  <pre><code>&lt;script src="{{ mix('js/app.js') }}"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
  console.log(app2);
  &lt;/script&gt;
  @endsection
  </code></pre>
  
  <p>With the latter I am seeing:</p>
  
  <pre><code>testVodal : 65 Uncaught ReferenceError: app2 is not defined
     at testVodal:65
  </code></pre>