Question

我是 Vue 的新手，我遇到了问题：

以下是index.html我使用2个自定义标记 aas 和任务：

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
    <div id="root"> 
        <aas></aas>
        <task></task>
    </div>
    <script src="../index/vue.js"></script>
    <script src="main.js"></script>
</body>
</html>

我的main.js：

Vue.component('aas', {
        template:'<a><slot></slot></a>'
    });
    Vue.component('task', {
        template:'<li><slot></slot></li>'
    });
    new Vue({
        el:'#root'
    });

但我有一个错误：

    vue.js:597 [Vue warn]: Unknown custom element: <aas> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

(found in <Root>)

有办法解决吗？！

Answer 1

尝试在组件中设置名称：

Vue.component('aas', {
  name: 'aas',
  template:'<a><slot></slot></a>'
});

根据this issue，它应该解决这个问题。

无法在vue js中使用两个组件

1 个答案: