пока писала вопрос уже дала себе ответ))

спасибо хах

Мой кот лучше всех разбирается в программировании - стоит объяснить ему проблему, как решение проходит само собой. Гдето видел эту запись, но не помню где)

тоже иногда помогает) но она спит, не хочу тревожить
у нее еще этот блядский период, разбужу будет ходить ныть -__-

90% необходимой информации содержится в вопросе

здравствуйте, я только в самом начале изучения Vue, собственно до второй страницы руководства добрался, пытаюсь повторить пример, создал  данные,  таблицу, пытаюсь данные поместить в таблицу используя v-for:
div id="mytable">
   <table class="table table-bordered table-striped table-hover table-sm">
       <thead>
           <tr>
               <th>№</th>
               <th>Название</th>
               <th>Ширина</th>
               <th>Высота</th>
               <th>Количество</th>
               <th>Вырезано</th>
           </tr>
       </thead>
       <tbody>
           <div id="createtable">
               <table-constructor v-for="item in tdata" v-bind:mydata="item">
               </table-constructor>
           </div>
       </tbody>
   </table>
</div>
а на выходе я получил сначала данные затем заголовок таблицы

собс-нно вот шаблон:
Vue.component('table-constructor', {
   props: ['mydata'],
   template: '<tr><td>{{mydata.id}}</td><td>{{mydata.name}}</td><td>{{mydata.width}}</td><td>{{mydata.heigth}}</td><td>{{mydata.quantity}}</td><td>{{mydata.cutted}}</td></tr >'
})

Как должно быть и как выходит?

Я планировал что в таблице сначала выводится заголовок - то что в <thead></thead> а затем тело таблицы с данными, то.есть то что в <tbody></tbody>, но у меня на выходе всё наоборот , сначала идут строки таблицы с данными а затем то что в блоке <thead></thead>

Если натянуть готовый лендинг на jquery в роут, то никаких проблем не будет ?

Или нужно так же весь js код переносить в декларативный формат

А если убрать div изнутри tbody?

Убери див

Из tbody

я понял

div может быть внутри ячейки

Например взять код jquery и вставить а него этот компонент

пробуй, эксперементируй, твори