Vue的父传子

想要接收父组件给子组件传输的数据，利用属性赋值的方式发送，利用props配置项接收

1. 发送

   <!-- 父组件 -->
   <template>
   	<div>
   		<NewsList name="新闻标题1" content="新闻内容1"></NewsList>
   	</div>
   </template>
   

2. 接收
   ① 数组形式，直接接收传过来的数据

   // 子组件
   export default {
   	props: ['name', 'content']
   }
   

   ② 接收数据的同时，增加类型限制

   // 子组件
   export default {
   	props: {
   		name: String,
   		content: String
   	}
   }
   

   ③ 接收数据的同时，增加类型、默认值、必填限制

   // 子组件
   export default {
   	props: {
   		name: {
   			type: String,
   			required: true
   		},
   		content: {
   			type: String,
   			default: '内容内容内容......'
   		}
   	}
   }
   

3. 使用

   <!-- 子组件 -->
   <template>
   	<div>
   		<h2>新闻标题： {{name}}</h2>
   		<p>新闻内容：{{content}}</p>
   	</div>
   </template>