組件無法渲染 <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.