Vue渲染简单数组？

Question

有个数组var arr = [1,2,3,4]

用v-for指令如何渲染？我试着这样：

<ul v-for="item in arr">
    <li>{{ item }}</li></ul>

结果报错

Answer 1

你不应该把v-for绑定到ul上，应该写在<li>标签里。试试看，在一个就是你的data里可能没有arr这个数据正确写法<div&nbsp;id="app"> &nbsp;&nbsp;&nbsp;&nbsp;<ul> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<li&nbsp;v-for="item&nbsp;in&nbsp;arr">{{&nbsp;item&nbsp;}}</li> &nbsp;&nbsp;&nbsp;&nbsp;</ul></div>多看官网上的说明，你会明白的