How vue.js renders components recursively.

Question

I first wrote a basic component, and then I wanted to introduce myself into the component for recursive rendering. However, after introducing it, I would get the problem of template or render function not defined. I would like to ask for advice on how to solve it?

Answer 1

Specify a name field to the component

var test = Vue.extend({
  name: 'test',
  template:
    '<p>' +
      // 递归地调用它自己
      '<test></test>' +
    '</p>'
})

Answer 2

Introducing yourself, are you sure it won’t lead to an endless loop?