Vue3基础 组件传递数据

组件传递数据

组件与组件之间不是完全独立的，而是有交集的，那就是组件与组件之间是可以传递数据的传递数据的解决方案就是 props

父组件

<templete>
	<!--传递-->
	<ComponentB title="要传递的数据/>
</templete>
<script>
import ComponentB from "./vuepath.vue"
</script>

子组件

<templete>
	<!--数据显示在这里-->
	<p>{
   
   {title}}</p>
</templete>
<script>
	export default{
      
      
	data(){
      
      
		return{
      
      
		title:"传递过来的数据"
}
}
	//在props数组里放置要传递的属性
	props:["title"]
}
</script>

注意事项
porpos传递数据自能从父集传到子集，不能反其道而行
集传到子集，不能反其道而行