Vue组件未在路由器视图内呈现

Question

最近我一直在前端和vue路由器中使用vue来构建SPA。

我的问题是，我不能够访问主Vue的实例中定义的组件：每当我的#APP范围的组件被渲染内做<element></element>

import ElementComponent from './Element'; 

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

，但我不能用里面的元素路线组件。

我的路线是这样定义的：

var routes = [ 
{ path: '/section/part', component: require('../views/Part') }]; 

然后提供给Router实例：每当我试图打电话<element></element>部件零件模板我在vuedevtools得到这里面

new VueRouter({routes}); 

断点：[Vue警告]：未知的自定义元素： - 您是否正确注册组件？对于递归组件，确保提供“名称”选项。 （位于C：\ Users \ Doe \ project \ js \ views \ Part.vue）

Answer 1

您需要将组件导入views/Part组件。因此，请在主要Vue实例中做同样的事情，但只能在零件组件中进行。

，如果你想使组件的全球我相信你需要做的确实使用

Vue.component('my-component', { 
    template: '<div>A custom component!</div>' 
}) 

参考https://vuejs.org/v2/guide/components.html#Registration