组件传递数据
组件与组件之间不是完全独立的,而是有交集的,那就是组件与组件之间是可以传递数据的传递数据的解决方案就是 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
传递数据自能从父集传到子集,不能反其道而行
集传到子集,不能反其道而行