在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ vue2 組件循環(huán)引用報(bào)錯(cuò)

vue2 組件循環(huán)引用報(bào)錯(cuò)

1.報(bào)錯(cuò)[Vue warn]: Unknown custom element: <tree-folder-contents> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

found in

---> <TreeFolder>

   <Root>
   ，

我的代碼
<!DOCTYPE html>
<html>
<head>

<meta charset="utf-8">
<title>jjj</title>

</head>
<body>

<script src="https://unpkg.com/vue/dist/vue.js"></script>
<script src="https://unpkg.com/vue-router/dist/vue-router.js"></script>
<script src="https://unpkg.com/vuex"></script>
<div id="example">
  <tree-folder :folder="folder"></tree-folder>
</div>
<script type="text/javascript">


// 創(chuàng)建根實(shí)例
new Vue({
el: '#example',
data(){
return {
  folder:{
    name:'jjj',
    children:[
      {name:222},
      {name:3333,children:[
        {name:4444}
      ]}
    ]
  }
}

},
components:{

treeFolder:{
  template:`
  <p>
    <span>{{ folder.name }}</span>
    <tree-folder-contents :children="folder.children"/>
  </p>`,
  props:['folder']
},
treeFolderContents:{
  template:`
  <ul>
    <li v-for="child in children">
      <tree-folder v-if="child.children" :folder="child"/>
      <span v-else>{{ child.name }}</span>
    </li>
  </ul>`,
  props:['children']
}

}

})
</script>

</body>
</html>

回答
編輯回答
尐飯團(tuán)

你沒有把treeFolder這個(gè)組件注冊(cè)到treeFolderContents內(nèi)部

2018年9月20日 07:19