Как правильно включить VueRouter в Laravel Project? - PullRequest
1 голос
/ 19 июня 2019

Я пытаюсь реализовать VueRouter в проекте Laravel, но возникает ошибка Vue warn]: неизвестный пользовательский элемент: - вы правильно зарегистрировали компонент? Для рекурсивных компонентов обязательно укажите опцию «name».

app.js

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

Vue.use(VueRouter)

const router = new VueRouter({
    routes: [
        {
            path: '/',
            component: ExampleComponent
        },
        {
            path: '/example',
            component: ExampleComponent1
        }
    ]
})

const app = new Vue({
    el: '#app',
    router,
    template: `<app></app>`,
    components: {
        App
    }
})

компоненты / App.vue

<template>
    <div>
        <div>
            <router-link :to="'/'"></router-link>
            <router-link :to="'/example'"></router-link>
        </div>
        <div>
            <router-vue></router-vue>
        </div>
    </div>
</template>

<script>
export default {

}
</script>

как правильно подключить vue-router?

1 Ответ

0 голосов
/ 19 июня 2019

Я вижу, что вы ошиблись <router-view /> в App.vue, что, вероятно, вызывает предупреждение.

...