我可以在VUE中的单个文件组件中定义组件吗

Question

假设我有一个像这样的单个文件组件：

<template>
<div class = "component">
<subcomponent></subcomponent>
<div>   
</div>

</div>
</template>

<script>
import Vue from 'vue'
Vue.component('subcomponent',{'/* definition of the subcomponent*/})
export default {
name: 'component',
components: {subcomponent},
}
</script>
<style>
</style>

上面的代码是否适合在单个文件组件中定义子组件？因为我不想在实际用例中添加一个新文件来定义另一个vue组件。

Answer 1

Vue.component((是一个全局注册。一旦组件被全局注册，就不需要使用本地注册(在components块中列出组件(

您的代码不起作用，因为代码中没有名为subcomponent的变量。。。只要去掉components: {subcomponent},行，你就应该没事了。。。