Vue.js 切换模板时vuejs未定义的值

我正在将一个列表移植到一个表中，以便将来进一步扩展列，但是我遇到了一个未定义的变量错误，我不明白这一点

以下是现有列表：

                <ul class="collection with-header">
                    <li class="collection-item" v-for="day in days">
                        <drop @drop="function(data, event) { handleDrop(data, day, event); }">
                            <div>{{ day.getLabel() }}</div>
                            <drag class="chip" v-for="meal in day.meals">{{ meal.title }}<i class="close material-icons" v-on:click="deleteMeal(meal)">close</i></drag>
                        </drop>
                    </li>
                </ul>

{{day.getLabel（）}}
{{MEIN.title}}关闭

这是新的表格：

                <table>
                    <tr class="collection-item" v-for="day in days">
                        <td>{{ day.getLabel() }}</td>
                        <drop @drop="function(data, event) { handleDrop(data, day, event); }" tag="td">
                            <drag class="chip" v-for="meal in day.meals">{{ meal.title }}<i class="close material-icons" v-on:click="deleteMeal(meal)">close</i></drag>
                        </drop>
                    </tr>
                </table>

{{day.getLabel（）}}
{{MEIN.title}}关闭

当运行代码时，我得到一个“day is not defined”错误，这似乎发生在拖拽线上，因为注释它修复了错误。我不明白的是为什么这个变量没有定义。在这两个示例中，元素都可以访问day对象以获取其标签，但在drop标记中（这两个示例中都相同），day对象现在超出了范围

---

表是否有什么特别的问题

问题在于，将模板转换为DOM后，使用props中传递给它的标记替换

组件

标记。在表的情况下，不允许在表内的标记被传输到表之前的DOM：

newvue({
el:“应用程序”
})

表格{
边框：4倍纯绿；
}
运输署{
边框：1px纯红；
}

第一列
第二列
第三纵队

将脚本文件添加到

天的默认值/初始值是多少

？将此标记为正确答案。我想更好地理解将其移出表的机制，但这为我指明了正确的方向，因为代码现在正在做我期望的事情。