為什麼 Vue 在迴圈中找不到變數？
我正在努力開發一個簡單的元件並在循環中使用它：
<template id="measurement">
<tr class="d-flex">
</tr>
</template>
Vue.component('measurement', {
template: '#measurement',
props: {
name: String,
data: Object,
val: String,
},
});
這顯然還無法正常運作，但已經失敗了：
<table v-for="(m, idx) in sortedMeters">
<measurement v-bind:data="m"></measurement>
</table>
給出 ReferenceError：在視圖中找不到變數：m。由於一個奇怪的原因，同樣的事情在段落中起作用，即沒有錯誤：
<p v-for="(m, idx) in sortedMeters">
<measurement v-bind:data="m"></measurement>
</p>
什麼原因導致變數找不到？
PS：這是一個小提琴：https://jsfiddle.net/andig2/u47gh3w1/。一旦包含 table 就會顯示不同的錯誤。
更新 迴圈的目的是產生多個表。每個表格的行數將由多個 measurement 建立
