我的问题是，我不能在Laravel中设置多个Vue组件.当我设置一个时，其中一个会加载，但两个不会同时加载.
应用程序.js:
require('./bootstrap');
import { createApp } from 'vue'
import Home from './components/Home.vue';
import Offers from './components/Offers.vue';
const app=createApp({});
app.component('home',Home);
app.component('offers',Offers);
app.mount('#app');
欢迎刀身php
<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Laravel</title>
<link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap" rel="stylesheet">
</head>
<body class="antialiased">
<div id="app">
<Home />
<Offers />
</div>
<script src="{{ mix('js/app.js') }}"></script>
</body>
</html>
每个vue组件如下所示:
<template>
<div>
<p>test</p>
</div>
</template>