Php 如何在具有多个页面的站点上使用Vue？

我在Laravel有一个项目，我在那里导入我的app.js是：

require('./bootstrap');

window.Vue = require('vue');

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

此文件导入到我的主布局（app.blade.php）中，如下所示：

@产量（‘含量’）
@产量（'脚本'）

我猜您无法在另一个Vue实例中实例化新的Vue实例。。。因此，我必须使用单个Vue实例。app div包含了我的多页应用程序的所有动态内容，所以我的问题是。。。在不同的页面上，如何分离Vue.js代码？如果我把所有的代码都放在app.js中，它会变得杂乱无章，并且我的代码会丢失引用，具体取决于用户所在的页面

我尝试为每个页面编写一个单独的

，但这要求我为每个页面输入CSRF令牌，但这感觉很枯燥

---

人们是如何做到这一点的？

要接受vue路由器，您的路由应该是这样的

Route::get('/{view?}', function () {
    return view('vue');
})->where('view', '^(?!api\/)[\/\w\.-]*');

这将接受除api路由之外的所有路由

Route::get('/{view?}', function () {
    return view('vue');
})->where('view', '^(?!api\/)[\/\w\.-]*');