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

Question

我是 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

请帮助我如何做到这一点，或任何其他解决此问题的最佳方法。

标签： javascriptlaravelvue.jsvuejs2