Question

这是我的设置：

这是父级“ Welcome.blade.php”的设置。由于文件太长，我将包括相关信息：

<div id='app'>

<router-view></router-view>

</div>
<script src="{{asset('js/app.js')}}"></script>

这是app.js文件：

require('./bootstrap');
import Vue from 'vue'
import VueRouter from 'vue-router'
import routes from './routes'

Vue.use(VueRouter);

const router = new VueRouter({
    routes
});

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

这是routes.js文件：

let login= require('./components/auth/login.vue').default
let register= require('./components/auth/register.vue')

const routes = [
  {path: '/', component: login},
  {path: '/register', component: register}
]

export default routes;

Login.vue组件是这样的：

<template>
  <h1>Login page</h1>
</template>

<script>
</script>

<style scoped>
</style>

注册组件是相同的，除了“登录页面”是“注册页面”。我的问题是，为什么组件不渲染？我正在使用laravel 8，并且已经安装了Vue-router。谁能帮一个新手吗？

Vue组件未在Laravel blade.php文件中呈现

0 个答案: