在其他vue组件文件中使用vue组件

我尝试在其他组件（App.vue）中使用vue组件（Global.vue），但是有

组件挂载失败：模板或渲染函数未定义

error.

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

您需要将组件导入到要在其中使用的组件文件中。

`从 './components/Global' 导入 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>此时应该能够渲染。