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

Question

我正在尝试使以下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>

但它抛出：[Vue warn]: Unknown custom element: <cx-button> - did you register the component correctly? For recursive components, make sure to provide the "name" option. found in ---> <RouterLink>。

提供了按钮元素的名称。

cx-button组件本身可以正常呈现，router-link相同，而不使用cx-button作为tag属性中的值。问题是：如何使router-link使用自定义元素（例如我的按钮）作为其标记？