Why in vue.js interpolation doesn't render the value?

Question

Vue.js

Using interpolation, I insert values ​​from vue into html. On the screen, in the place where it is underlined in green, everything is displayed correctly, and in the place where it is underlined in red, it does not display anything, just an empty space. What am I doing wrong?

Answer 1

Because it goes outside the scope of the v-for loop. There is no perfume variable) The perfume variable is only available inside a tag <li>that has a v-for directive applied to it. At what at any nesting level inside, but not outside.