使用VUE組件

Question

我試圖用其它成分（App.vue）一VUE成分（Global.vue），但

無法裝載組件：模板或呈現功能不定義爲

錯誤。

Global.vue：

<template> 
    <div class="global-view"> 
    <p>Global </p> 
    </div> 
</template> 

<script> 
export default { 
    name: 'global' 
} 
</script> 

App.vue：

<template> 
    <div id="app"> 
    <global></global> 
    <router-view></router-view> 
    </div> 
</template> 

<script> 
export default { 
    name: 'app' 
} 
</script> 

main.js：

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

Vue.component('global', require('./components/Global')) 

Vue.config.productionTip = false 

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

Answer 1

你需要即時通訊端口要在使用它的組件文件中的組成部分。從「./components/Global」

從那裏

`進口全球您需要添加一個新的密鑰您的組件選項，將裏面的「註冊「組件。

這就是你希望你的應用程序組件看起來像。

<template> 
    <div id="app"> 
    <global></global> 
    <router-view></router-view> 
    </div> 
</template> 

<script> 
import Global from './components/Global 

export default { 
    name: 'app' 
    components: { 
    'global': Global, 
    } 
} 
</script> 

<global></global>應該能夠在這一點上呈現。

Answer 2

我用來代替需要（在main.js）進口和它的作品對我來說：

import Global from './components/Global.vue 
Vue.component('global', Global)`