vue component组件内部自己引用自己

 我曾经写过的一篇文章用过子组件里面自己引用自己

element-ui的表格。表头和表格数据都是接口动态给的。多级表头。如何写呢？

MyColumn.vue

<template>

  <el-table-column :prop="titledata.values"     :label="titledata.label"     align="left">

    <template v-if="titledata.children.length">       <my-column v-for="(item, index) in titledata.children"         :key="index"         :titledata="item"></my-column>

//自己引用自己把item作为titledata的数据传给自己再去走当前的页面，知道titledata.children的长度为0     </template>

  </el-table-column> </template>

<script> export default {   name: 'MyColumn',  //在这里name就相当于注册了当前的组件。可以直接引用自己了。   props: {     titledata: {       type: Object     }   } } </script>