javascript - vue父与子组件的通讯

问题描述

问 题

我这块子组件在父模板里循环，怎么将for里循环的变量定义在子组件模板里变现。
这样直接输出在extend里的变量是找不到。请教下大神，这种情况怎么处理

解决方案

看文档 https://cn.vuejs.org/guide/co...

不能传递数据给组件，因为组件的作用域是孤立的。为了传递数据给组件，应当使用 props：

<my-component
  v-for="item in items"
  :item="item"
  :index="$index">
</my-component>

不自动把 item 注入组件的原因是这会导致组件跟当前 v-for 紧密耦合。显式声明数据来自哪里可以让组件复用在其它地方。

这篇关于javascript - vue父与子组件的通讯的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！