I have the current structure in my component:

```
<data-table>
    <template slot="column" field="a"></template>
    <template slot="column" field="b"></template>
    <template slot="column" field="c"></template>
</data-table>

```

How do I iterate through these "columns" when rendering my `data-table`?

Edit: turns out adding refs to my columns didn't work, since according to the docs the refs are only stored in their variable when the components are actually rendered. Instead, I used the `$slots` variable to iterate over the columns on the `mounted` method, like this:

```
mounted: function() {
    this.$slots.column.forEach(
        //my code...
    );
}

```