Registerkomponente in vue, js

Question

ich an einem Projekt in .NET mit MVC und Vue.js arbeite, im Moment zu wollen, um die Komponenten zu verwenden, ich habe es zu erklären, wie folgt:

import Vue from 'vue'; 

import example from './components/example.vue' 
import equiposcrear from './components/equipos/crear.vue' 
import equipos from './components/equipos/index.vue' 
import cargardiesel from './components/equipos/cargarDiesel.vue' 

const app = new Vue({ 
    el: '#app', 
    components: { 
     example, 
     equiposcrear, 
     equipos, 
     cargardiesel 
    } 
}) 

Wenn i registriert als Vue.component('equipos', require('./components/equipos/index.vue'));

im Moment i den Fehler senden verwenden möchten, dass die Komponente nicht registriert ist

@{ 
    ViewBag.Title = "Equipos"; 
    Layout = "~/Views/Shared/_Layout.cshtml"; 
} 

<div id="app"> 
    <equipos></equipos> 
</div> 

Was mache ich falsch?

Answer 1

Eine lokale Komponentenregistrierung, wie Sie es tun, besteht aus zwei Teilen. Sie müssen den Tag-Namen und dann die Quelle angeben. So ...

components: { 
    'example': example, 
    'equiposcrear' : equiposcrear, 
    'equipos' : equipos, 
    'cargardiesel' : cargardiesel 
} 

Here's das Dok.