为什么组件里面用v-for的话，（value， key）in objlist里面的属性会被组件的那边的参数替换掉了？

Question

就是为什么会变成4遍的 i am component a?

Answer 1

提问者 qq_万能的pino_04344828 2017-06-19 22:35:17

就是这个v-for（value， key）为啥不是下面的objList里面name：apple这些， 而是componentA这个组件那边的？如果是componentA这个组件那边的，那vulue和key也是componetA的而不是objList的？数据的传递过程是怎样的，有点蒙b。

• fishenal #1

  因为你是遍历 componentA啊，v-for是写在componentA里面的，key和value要通过参数传给componentA才能渲染出来，但没必要这么做，循环体里要在当前组件渲染value和key这些变量，不要传，增加复杂度

• 提问者 qq_万能的pino_04344828 回复 fishenal #2

  噢，懂了

• fishenal #3

  你这里是遍历循环了componentA，objList里有几项，就渲染几遍componentA。
  objList应该有四项。
  
  v-for里面的value key 是objList的，不过你根本没调用啊，这里的value key的作用域是 componentA标签内部，不会传递到componentA组件里，这么用是能调到的：
  <componentA v-for='..'>{{ value }} {{ key }}</componentA>
  
  这么写你也不会渲染这里的变量，除非componentA里面调用slot

Answer 2

fishenal 2017-06-19 12:03:30

理论上不会出现这种情况，把整段代码粘过来看看

• 提问者 qq_万能的pino_04344828 #1

  你好，我已把完整的问题描述粘在上面了，求解答。

• qq_青空_4 #2

  这个我也没看懂，怎么会渲染了四遍