javascript - Vue中如何让组件标签以前缀开头？

Question

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

我查看了目录并找到了一个名为 Page.vue 的组件里面有这样的 Prop :has-something和 has-another .从结构上讲，我确定 <p-page>对应这个组件。

那么这是如何工作的呢？我检查了组件的 name字段，上面写着 Page .

编辑:我还应该注意到该组件根本没有注册。也不是进口的。我猜这与

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

在main.js ，因为我知道我们正在使用我们专有的 UI 组件库。谁能指出我可以去哪里阅读更多有关其工作原理的信息？我认为我在 Vue 方面相当不错，但显然还不够好。

Answer 1

这取决于组件在父组件中的注册方式，例如，如果 Page组件注册为:

components: {
  PPage: Page
}

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