this.state.numberOfRows ты задаёшь только один раз при создании(constructor) и никогда не меняешь. UsersTable, положил numberOfRows в state<UsersTable>, внутри render<UsersTable> ты создал Table и положил ему numberOfRows в props<Table> из state<UsersTable>. Table, ты положил numberOfRows из props<Table> в state<Table>, при render<Table> ты использовал numberOfRows из state<Table>.UsersTable ты обновил numberOfRows в state<UsersTable> и при render<UsersTable> положил его из state<UsersTable> в props<Table>. Table ты ничего не сделал с обновлённым props<Table>, в state<Table> всё ещё лежит самое первое значение.numberOfRows в numberOfRows1/2/3, чтоб было очевидно, что это на самом деле 3 разных переменных: в state внутри UsersTable, в state и props внутри Table.
по этому я не смог использовать v-for
<template>
<div class="container">
<accordion v-for="(table, index) in computedTypeMeasurement" :key="index" :title="table.name">
<table class="table">
<tbody class="table__body">
<tr v-for="row in table" :key="row.id">
<td v-for="col in row.cols" :key="col.id">
<Comp :data="col"/>
</td>
</tr>
</tbody>
</table>
</accordion>
</div>
</template>html в vue надо использовать примерно никогда.
function monkeyPatchCache(from, to) {
// warm cache
require(from);
require(to);
require.cache[require.resolve(from)] = require.cache[require.resolve(to)];
}
monkeyPatchCache("vue-template-es2015-compiler", "vue-template-babel-compiler");