html - 在 Vue 中使用自定义 HTML 标签而不使用 v-pre 或 ignoreElements

Question

我想在 Vue 中使用自定义标签，而不是一个组件，只是标签给我的 HTML 赋予更有意义的意义。我v-pre在没有孩子的元素上使用了很好的东西。我怎样才能在有孩子的元素中做到这一点？

<template>
  <g-search v-pre>
    <g-title v-pre>My Search</g-title>
    <input v-model="text">
    <Films :films="films"></Films>
  </g-search>
</template>

如果我删除v-pre一切工作正常，但我再次遇到错误说：

[Vue warn]: Unknown custom element

我可以在不创建包含我忽略的元素的列表的情况下做到这一点吗？

Vue.config.ignoredElements = [
  'g-search',
  'g-title'
]

标签： htmlvue.jstagsvue-componentweb-component