Пустой роутер-вид в спа-салоне Vue-Laravel - PullRequest
Новая
       107

Пустой роутер-вид в спа-салоне Vue-Laravel

0 голосов
/ 04 ноября 2019

У меня большие проблемы с настройкой маршрутизации vue для работы с laravel. Представление загружает App.vue, который содержит представление маршрутизатора, которое должно загружать ExampleComponent. Но все, что я получаю в браузере, это пустое представление маршрутизатора:

Может кто-нибудь сказать мне, почему не загружается ExampleComponent?

Пустое представление маршрутизатора

App.vue 

    <template>
    <div>
    The App-view is loading  
    <router-view></router-view>
   </div>
</template>
<script>
export default {
    name: "App",

}
</script>
<style scoped>

</style>

app.js 

import Vue from 'vue';
import router from './router';
import App from './components/App';

require('./bootstrap');

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

router.js 

import Vue from 'vue';
import VueRouter from 'vue-router';
import ExampleComponent from './components/ExampleComponent';

Vue.use(VueRouter);
export default new VueRouter({
    routes: [
        { path: '/', component: ExampleComponent}
    ],
    mode: 'history',
});

ExampleComponent.vue 

<template>
    <div>
        Example is loading inside App.vue
    </div>
</template>

<script>
    export default {
        name: 'ExampleComponent',
        mounted() {
            console.log('Component mounted.')
        }
    }
</script>
...