Javascript 在Vue中将自定义组件用作路由器链接标记

我正在尝试使以下Vue组件正常工作：

<template>
    <div>
        <cx-button href="/new">
            Create
        </cx-button>
        <router-link tag="cx-button" to="/new" class="cx-raised">Create</router-link>
    </div>              
</template>
<script>
    import cxButton from '../elements/cxButton/cxButton';

    export default {
        // ...
        components: {
            cxButton
        }
    }
</script>

创造
创造
从“../elements/cxButton/cxButton”导入cxButton；
导出默认值{
// ...
组成部分：{
cxButton
}
}

但它抛出：

[Vue warn]：未知自定义元素：-您是否正确注册了组件？对于递归组件，请确保提供“name”选项。在-->

中找到

提供了按钮元素的名称

---

cx按钮

组件本身呈现良好，与

路由器链接

相同，无需将

cx按钮

用作

标记

属性中的值。问题是：我应该怎么做才能使

路由器链接

使用自定义元素（如我的按钮）作为其标记？

您可以用路由器链接包装自定义组件。我认为您不能强制路由器链接作为自定义组件呈现，而只能使用“经典”HTML标记<代码>创建/路由器链接>@reinarg，我一直这样想，直到我偶然发现Vue材料文档。它说我可以使用

路由器链接

作为他们的按钮，尽管我找不到他们是如何做到的。哦，你说得对，我刚刚尝试了一个敏锐的ui组件，自定义标签正在工作。你能提供一个提琴吗？@reinarg刚刚用类似的代码（）做了一个提琴，效果很好。似乎这与

标记的使用无关，而与注册自定义组件有关。我认为这是因为该组件在路由器链接中使用，因此需要使用Vue.use（）全局注册该组件。看，这似乎是相关的：