Vue怎么调试<template>中的代码？

Question

Vue怎么调试<template>中的代码？

<Select  style="width:200px">
  <Option v-for="item in add_all_available_area" :value="item.name" :key="item.name">{{ item.name }}</Option>
</Select>

如上，我有一段Vue.js代码，但是:value="item.name"这里会报错，可是我在数据上面查看调试，都是正常的。

我的意思在Vue.js项目中是否可以调试模板中的代码呢？我是用WebStorm编辑器。

Answer 1

调试的话推荐使用chorme的vue-devtools插件。
另外，贴一下你的报错信息 ， 如果没有猜错，你对add_all_available_area这个变量加个v-if 就可以解决了。

Answer 2

vue-devtools可以对<template>进行调试吗？

Answer 3

可能是value是一个number类型的而你赋值是string