组件无法渲染 <router-view /> 使用Vuejs在Laravel 5.8中
[英]Components do not render through <router-view /> in Laravel 5.8 with Vuejs
问题描述
我正在尝试使用Vuejs和Laravel创建SPA。 我已经安装了vue-router来完成该任务。 必须在内部渲染的组件
<router-view />
标签未呈现。
我尝试创建一个新项目，然后再次安装npm和vue-router。 它仍然不起作用。
Laravel版本：5.8.18 vue-router：3.0.6
welcome.blade.php
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Laravel</title>
</head>
<body>
<div id = "app">
<router-view></router-view>
</div>
<script src = "js/app.js"></script>
</body>
</html>
app.js（./ resources / js / app.js）
import Vue from 'vue'
import VueRouter from 'vue-router'
import routes from './routes'
Vue.use(VueRouter)
const app = new Vue({
el: '#app',
router: new VueRouter(routes)
});
route.js（./ resources / js / routes.js）
import Home from './components/Home'
export default {
mode: 'history',
routes: [
{
path: '/',
component: Home
}
]
}
Home.vue（./ resources.components / Home.vue）
<template>
<p>Home</p>
</template>
<script>
export default {}
</script>
web.php
<?php
Route::get('/{any?}', function () {
return view('welcome');
});
1 个解决方案
解决方案1
0 2019-05-28 12:13:49
您的代码对我有用。 切记使用
npm run watch
为什么 Vue 3 在 Laravel 5.8 上渲染没有方法和数据的组件
[英]Why Vue 3 render components without methods and data on Laravel 5.8
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.