SVG元素中的Vue.js组件不工作

我有一个名为legend的组件，该组件应将SVG元素嵌入到放置实际SVG标记的模板中：

但图例组件未渲染，输出为：

vue不在SVG标记内解析吗？

在

内的组件应该可以正常工作，但您需要将

图例

重命名为其他名称

legend

是一个标准的HTML元素名称，因此Vue会感到困惑

还要确保您已经在本地或全局正确注册了组件。如果您忘记注册组件，Vue通常会发出警告，但在本例中不会，因为

legend

是标准HTML元素

下面是一个完整的示例，与问题中的示例类似：

const myLegend={
模板：``，
道具：[“颜色”]
}
新Vue({
el:“#graphbox”，
组成部分：{
麦勒根
},
数据（）{
返回{
室外灯光：50，
外套宽度：50，
颜色：“#ff0000”
}
}
})

内部的组件
应该可以正常工作，但您需要将
图例
重命名为其他名称
legend
是一个标准的HTML元素名称，因此Vue会感到困惑

还要确保您已经在本地或全局正确注册了组件。如果您忘记注册组件，Vue通常会发出警告，但在本例中不会，因为
legend
是标准HTML元素

下面是一个完整的示例，与问题中的示例类似：


const myLegend={
模板：``，
道具：[“颜色”]
}
新Vue({
el:“#graphbox”，
组成部分：{
麦勒根
},
数据（）{
返回{
室外灯光：50，
外套宽度：50，
颜色：“#ff0000”
}
}
})

Ahh，我已经尝试过重命名它，因为我认为这可能是问题所在，但在按照Vue的要求在CamelCase中导入组件时忘记匹配新名称。感谢您提供的证据证明这是可能的。啊，我已经尝试过重命名它，因为我认为这可能是问题所在，但在按照Vue的要求在CamelCase中导入组件时忘记匹配新名称。谢谢你的证明，让我知道这是可能的。