vue.js - 如何在 laravel 路由文件中返回 vuejs 视图

Question

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

• 我将使用什么方法返回 Vue 页面。Return View 不起作用，这是我所期望的，但我不知道我放了什么。

这是我的代码：

路线/web.php-

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

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

Answer 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 组件时，这对我有用