Javascript 如何在特定的laravel刀片视图上扩展vuejs应用程序实例

我是vue.js的新手，请帮助我，默认情况下，Laravel 5.3与vue集成，在

assets/js/app.js

文件中，它初始化vue实例

const app = new Vue({
  el: '#app'
});

我可以制作一些全局vue组件，并在

app.js

中初始化代码之前需要它们

但我希望在特定页面上有一些独特的数据、方法和组件

（.blade.php）

。例如，我需要登录视图中的一个表单和另一个不同视图中的帖子列表

如何在特定页面上扩展vue应用程序实例并添加本地组件等

我的布局中有

@stack（'scripts'）

。我想做这样的事

@push('scripts')
<script>
  app.src = "{{ $me->avatar }}";

  app.methods = {
    imageuploaded (src) {
        this.src = src;
    }
  }
</script>
@endpush

@push（'scripts'）
app.src=“{{$me->avatar}}”；
app.methods={
图像上传（src）{
this.src=src；
}
}
@端推

请帮助我如何做，或任何其他最好的方式来处理这个问题