Using Vue.js in Laravel 5.3
<p>In Laravel projects prior to 5.3 I've utilised Vue.js using the script tag like this:</p>

<pre><code>&lt;script type="text/javascript" src="../js/vue.js"&gt;&lt;/script&gt;
</code></pre>

<p>I would then create a Vue instance specific for that page like this:</p>

<pre><code>&lt;script&gt;
    new Vue({
      el: '#app',
      data: {
        message: 'Hello Vue.js!'
      }
    });
&lt;/script&gt;
</code></pre>

<p>and then bind it to the relevant div#id in my HTML.</p>

<p>Now, in Laravel 5.3 Vue.js comes bundled and I am fully aware that I can use components as described in the docs by using gulp/elixir, however, my question is <strong>if I want to create a Vue.js instance like I just mentioned, i.e. where I create a Vue.js instance strictly for a given page (not a component) how do I do it?</strong></p>

<p>Do I set it up like I used to by importing the vue.js library in a script tag or can I use generated app.js?</p>

<p>Am I not supposed to do it this way, should I be creating components for everything?</p>

<p>For me, it doesn't make sense to make a component for something I am only using once - I thought the purpose of components was that they are reusable - you can use it in more than one place. As mentioned in the Vue.js docs:</p>

<blockquote>
  <p>Components are one of the most powerful features of Vue.js. They help you extend basic HTML elements to encapsulate <strong>reusable code</strong>.</p>
</blockquote>

<p>Any advice would be appreciated, thanks!</p>