如何在 laravel 路由文件中返回 vuejs 视图答案

【问题标题】：how to return a vuejs view in laravel routing file如何在 laravel 路由文件中返回 vuejs 视图
【发布时间】：2021-02-26 01:16:37
【问题描述】：

我有一个 Laravel + VueJS 应用程序，但遇到以下问题：

这是我的代码：

routes/web.php-

Route::get('/pizzas', function () {
    return view('Pizzas');
});

Vue 文件目录是资源/js/Pages/Pizzas.vue

【问题讨论】：

【解决方案1】：

您可以尝试将您的组件添加到 app.js（我假设您的资源文件夹中已经有这个）：

window.Vue = require('vue');
Vue.component('pizza-component', require('./Pages/Pizzas.vue').default);
const app = new Vue({
    el: '#app',
});

在你的 laravel 刀片中，使用这样的组件：

<div id="app">
    <pizza-component></pizza-component>
</div>

当我尝试在刀片模板文件中使用 Vue 组件时，这对我有用

【讨论】：