是否有任何方法可以检查.vue文件模板的语法错误？

Question

非常令人尴尬的是，我在vue文件的模板部分犯了一个错误。我写了如下的v-for。

<template>
    <ul v-for="{data, key} in json_data" :key="key">
        <!-- some list related -->
    </ul>
</template>

基本上，我用大括号代替了括号。

但是，作为javascript / vue.js / nuxt.js的新手开发人员，我已经很长时间没有对此了。最长的时间，我以为我在代码的脚本部分做错了什么。我想知道为什么data和key返回未定义。

随着我编写的代码越来越多，那些愚蠢的语法错误可能会消失。但是，有没有可以用来捕捉那些错误的训练轮？

Answer 1

我假设您在生产模式下使用vue.js。您应在开发过程中以开发人员模式使用vue.js库，此模式将在控制台中为您显示许多有关异常和错误的详细信息。

这是CDN：

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> 

我还建议您在浏览器上使用vue.js开发人员工具扩展这是此扩展程序的链接

https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd