父组件向子组件传参

在我们最项目的时候，我经常会用到数据的传参，父组件向子组件传参
我们用到的是props
首先我们要在父组件中获取的数据

// 父级中子组件  itme是父组件要向子组件传的数据
<Content :lists="item"></Content>

在子组件中

// 接受父组件传给的参数
props:['lists'],

注意这里的数据，就直接可以在上面的html部分使用了，不用在data返回值的方式定义一次了

<div class="content">
		<p class="title">内容栏目</p>
		<el-row>
			<el-col :span="12" v-for=" (text,index) in lists.data" :key="index">
				<div class="text">
					<router-link to="">
						<p>
							{{text.text}}
						</p>
					</router-link>
				</div>
			</el-col>
		</el-row>
	</div>