我试图在Laravel + Vue教授SPA。
我有一些非常简单的组件。
<template>
<p>Home</p>
</template>
<script>
export default {
name: 'Home'
}
</script>
另外,我有一个路由器文件
import Home from '../pages/home.vue';
import Profile from '../pages/profile.vue';
export let routes = [
{
path : '/home',
component : Home
},
{
path : '/profile',
component : Profile
}
];
npm run dev - &#34; build successfull&#34;
我已经连接了路由器链接标签并放置了路由器视图。 但是有。它开箱即用的结果与#34;相同。 Laravel example-component.vue。
我的组件中的导入设置似乎有些问题,但是什么?
答案 0 :(得分:0)
问题出在项目结构中。 我有一个router / routes.js和app.js文件
在app.js中我从routes.js导入路由并执行新的VueRouter。
错误是:
import {routes} from './router/routes';
let router = new VueRouter(routes);
应该是
import {routes} from './router/routes';
let router = new VueRouter({routes});