在vue，js中注册组件

Question

我正在使用MVC和Vue.js开发一个.NET项目，此时想要使用我必须声明的组件如下：

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
    }
})

如果我注册为Vue.component('equipos', require('./components/equipos/index.vue'));

目前我想使用发送组件未注册的错误

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

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

我做错了什么？

Answer 1

您正在进行的本地组件注册有两个部分。您需要指定标记名称，然后指定源。像这样......

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

Here's文档。