Vue中如何让组件标签以前缀开头？答案

【问题标题】：How to make component tags start with a prefix in Vue?Vue中如何让组件标签以前缀开头？
【发布时间】：2019-02-18 00:37:50
【问题描述】：

我正在做一个从别人那里继承的项目，我看到很多<p-xxxx>标签，例如<p-page :has-something="val1" :has-another="val2" />等（例如CompName -->

我正在查看目录，发现一个名为Page.vue 的组件中有这样的道具：has-something 和has-another。从结构上讲，我确信<p-page> 对应于这个组件。

那么这是如何工作的呢？我检查了组件的name 字段，它显示Page。

编辑：我还应该注意，该组件根本没有注册。也不是进口的。估计跟这个有关系

import '@/globals';
import '@/plugins';

在main.js，因为我知道我们正在使用我们专有的 UI 组件库。谁能指出我可以去哪里阅读更多关于它是如何工作的？我以为我很擅长 Vue，但显然还不够好。

【问题讨论】：

【解决方案1】：

这取决于组件在父组件中的注册方式，例如Page组件是否注册为：

components: {
  PPage: Page
}

然后在template 中，您将此组件称为<p-page ...

【讨论】：

【解决方案2】：

我想通了。

在我们使用的专有库中，组件以p- 作为前缀导出，该库通过vue.config.js 注入到整个应用程序中，因此单个组件中没有任何导入。

【讨论】：