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
}
}
}