title: Vuejs js for multiple pages, not for a single page application
body: <p>I need to build an application using laravel 5.3 and vuejs 2, because I need to use two-way binding rather than use jquery. </p>
  
  <p>I need to set up the views with blade templates. Then, I need to use vuejs in each page as mentioned below. </p>
  
  <p>resources/asserts/js/components/List.vue</p>
  
  <pre><code>&lt;script&gt;
      const panel = new Vue({
          el: '#list-panel',
          name: 'list',
          data: {               
             message: 'Test message'
          },
          methods: {
              setMessage: function(){
                  this.message = 'New message';
              }
          }
     })
  &lt;/script&gt;
  </code></pre>
  
  <p>resources/asserts/views/post/index.blade.php</p>
  
  <pre><code>&lt;div id="panel" class="panel panel-default"&gt;
      &lt;div class="panel-heading"&gt;Posts&lt;/div&gt;
  
      &lt;div class="panel-body"&gt;
         &lt;p&gt;{{ message }}&lt;/p&gt;
         &lt;button v-on:click="setMessage"&gt;SET&lt;/button&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>There is Add.vue to create.blade.php etc... 
  In Add.vue <code>el: '#add-panel'</code></p>
  
  <p>This is my app.js. I already commented default code like follows.</p>
  
  <pre><code>Vue.component('list', require('./components/List.vue'));
  Vue.component('add', require('./components/Add.vue'));
  
  // const app = new Vue({
  //     el: '#app'
  // });
  </code></pre>
  
  <p>I hardly checked most of documentations and tutorials. But they use a single js file. They use components for small elements with template, not only js. </p>
  
  <p>Is it possible to use vuejs this way? Do I need to use app.js. What is the best way to do this?</p>