2-7简单的组件间传值_v-for传递的值写反导致输出不正确的问题

Question

            <todo-item v-bind:content="item"
                       v-bind:index="index"
                       v-for="(index, item) in list"
                       @delete="handleItemDelete"></todo-item>

老师，如我我将index和item写反，那么将输出下标而不是内容，这是为什么？明明已将在子组件中绑定了item和index的值，也在模板中规定了输出content也就是item的值，为什么输出的是index？

Answer 1

慕工程9243709 2019-04-18 16:02:05

因为你写反的只是名字，左边是列表项，右边是下标，这个是不会变的，只是你写反之后，你叫做 index 的东西是原来的列表项，你叫做 item 的东西是原来的下标，就好比你左边一杯酒，右边一杯可乐，就算你指着左边那杯说这是可乐，你喝下去的还是酒

• 提问者 目訫 #1

  也就是说必须要写成（item，index才可以吗）

• 提问者 目訫 #2

  或者说index指的只能是下标，item指的只能是列表项

• Dell 回复 提问者 目訫 #3

  是的，必须有顺序的，不能颠倒

点开查看后面1条评论