Vue的父传子
想要接收父组件给子组件传输的数据，利用属性赋值的方式发送，利用props配置项接收
-
发送
<!-- 父组件 --> <template> <div> <NewsList name="新闻标题1" content="新闻内容1"></NewsList> </div> </template> -
接收
① 数组形式，直接接收传过来的数据// 子组件 export default { props: ['name', 'content'] }② 接收数据的同时，增加类型限制
// 子组件 export default { props: { name: String, content: String } }③ 接收数据的同时，增加类型、默认值、必填限制
// 子组件 export default { props: { name: { type: String, required: true }, content: { type: String, default: '内容内容内容......' } } } -
使用
<!-- 子组件 --> <template> <div> <h2>新闻标题： {{name}}</h2> <p>新闻内容：{{content}}</p> </div> </template>