模块js导入/导出问题(vue.js)

时间:2018-01-23 22:49:26

标签: javascript laravel vuejs2 vue-component vue-router

我试图在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。

我的组件中的导入设置似乎有些问题,但是什么?

1 个答案:

答案 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});