vue 循环 递归组件,Vuejs：动态递归组件

I am trying to make a custom component that call itself. i keep getting an error

Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the "name" option.

I have included a name option as you can see below but this doesn't solve the problem.

Any idea what it could be?

I am a component that can call itself below

---

import TestRec from "./TestRec";

export default {

name: 'New-Test-Rec', //Name tried 'Test-Rec' too. Same result

components: {

TestRec

},

data(){

return {

comp: null

}

}

}

解决方案

Worked for me when I removed components key and called it with its name. here is a running example in code sandbox and here is the code for future reference:

I am a component that can call itself below

Load next

---

export default {

name: 'TestRec',

data() {

return {

msg: 'Welcome to Your Vue.js App',

show: false

}

}

}