How does Vue debug the code in < template >?

how does Vue debug the code in < template >?

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

as above, I have a piece of Vue.js code, but : value= "item.name" here will report an error, but I check the debugging on the data, and it"s normal.

I mean, can I debug the code in the template in the Vue.js project? I am using the WebStorm editor.

Feb.28,2021

chorme's vue-devtools plug-in is recommended for debugging.
in addition, post your error message. If you guessed correctly, you can solve the problem by adding a v-if to the variable add_all_available_area.


vue-devtools can I debug < template >?


valuenumberstring
Menu