如何接收数组?

来源：4-1 组件之间的通信

hoythan

2017-03-31

例如我父组件中设置

	data (){
		return {
			newItem:[
				{
					name:'demo1',
					cover:'cover',
					url:'http://baidu.com',
					status_hot:true,
					status_close:false
				},
				{
					name:'demo2',
					cover:'cover2',
					url:'http://baidu.com',
					status_hot:true,
					status_close:false
				}
			]
		}
	}

然后再组件中设置

<card-item v-for="item in newItem"  item=item ></card-item>

子组件如何收到这个 item?

我设置了

	export default{
		props:['item'],
		data (){
			return {
			}
		}
	}

但是在子组件中使用 {{item.name}}

无法获取到内容

写回答

2回答

小王子抓猫咪

2017-03-31

已采纳

<card-item v-for="item in newItem" ：item=item ></card-item>

少了个冒号：item

hoythan

非常感谢！

2017-03-31

共3条回复

fishenal

2017-03-31

标签里后面的值，如果想用组件的属性，都要通过v-bind也就是: 来绑定

最容易上手的Vue2.0入门实战教程

快速入门Vue2.0，组件化开发一个数字产品电商平台

3966 学习 · 999 问题

查看课程

相似问题

子组件如何获取父组件 ajax 获取的数据

回答 4

父组件异步获取数据传给子组件，子组件该怎么获取这份数据

回答 1

export default methods中定义的方法，如何用JS调用？

回答 3

这里的组件如何复用呢？组件里面已经写死了从父组件传来的数据，其他地方再一次用到这个组件怎么写呢？把slides换了？

回答 1

组件之间传输function？

回答 2

打开慕课网App查看更多内容