为什么我的网页是空白的laravel vue应用程序?

Question

我在laravel中安装了vue，然后运行命令npm run watch用PHP工匠服务。但是当加载页面时，什么也没有出现。有什么问题吗?没有错误

main.js

import { createApp } from 'vue'
import store from './store'
import './index.css'
import App from './App.vue'
createApp(App).use(store).mount('#app')

App.vue

<script setup>
// This starter template is using Vue 3 <script setup> SFCs
// Check out https://vuejs.org/api/sfc-script-setup.html#script-setup
import HelloWorld from "./components/HelloWorld.vue";
export default{
components:{
HelloWorld,
}
}
</script>
<template>
<div>
<img alt="Vue logo" src="./assets/logo.png" />
<HelloWorld msg="Hello Vue 3 + Vite" />
</div>
</template>
<style>
#app {
font-family: Avenir, Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
color: #2c3e50;
margin-top: 60px;
}
</style>

并且在webpack.mix.js中也包含了。vue()。

Answer 1

如果你使用的是Laravel，那么你需要将你的Vue组件添加到你的app.js文件

Vue.component('app-page', require('./components/App.vue').default);

然后，从刀片文件或布局文件中，你可以通过使用

调用它来使用Vue组件<app-page></app-page>

这里是另一种方式做它如何使用vue.js组件在laravel刀片?