title: How to extend app.js methods/data/watch from laravel blade view file without creating components
body: <h2>I'm new in vue.js.</h2>
  
  <p><strong>My <code>app.js</code> is:</strong></p>
  
  <pre><code>import { store } from './store';
  const app = new Vue({
      el: '#app',
      store,
      mounted(){
          ...
      },
      methods:{
          ...
      }
  });
  </code></pre>
  
  <p>I'm using <strong>laravel</strong> and I don't want every time to create components for very small reason.
  Without making components <code>app.js</code> will be full of methods whose all are not useful in every pages. That's why I want a way to extend <code>app.js</code> from my <code>home.blade.php</code> file's </p>
  
  <pre><code>@section(scripts)
      &lt;script&gt;
          ...
      &lt;/script&gt;
  @endsection
  </code></pre>
  
  <p>(without creating any component).</p>
  
  <p>Or, Updating/add in <code>data:{ ... }</code> &amp; <code>methods:{ ... }</code> using that <code>&lt;script&gt; .. &lt;/script&gt;</code> in <strong><code>*.blade.php</code></strong></p>