如何在vue中更改单个文件组件的ID

Question

我想在{vue

中使用single file component代码样式作为以下代码

item.vue

<template>
    <item v-if="value">
</template>
<script>
   export default {
      name: 'item',...</script>
...
</script>
<style>...</style>

没关系，但正如你所见，我已经使用了项目组件递归但是there is problem with recursive components他们说我必须使用不同的名称和id作为以下代码来解决这个问题

Vue.component('id', {
    name: 'internal-name',
    ...
})

那么如何在item.vue中设置不同的名称和ID及其代码样式？

Answer 1

仅当使用Vue.component('id', {...})命令在父级中使组件可用时才设置id。该名称是组件的可选部分。 Vue.component('id', Vue.extend({...}))问题中的给定解决方案似乎值得一试。