vue 简单实现父组件向子组件传值,简单来说就是子组件肆意妄为的调用父组件里后台返回的值

时间:2022-08-05 04:16:19

首先在于父子组件传值的方法很多,本人在这里只是简单描述一下一个组件里面引用了子组件,那么子组件如何才能获取父组件中后台返回的值呢?

首先调用组件相信大家都应该明白了(不明白的自己撸撸文档),

<info-head :orderInfo="orderInfo" :changePrice="changePrice"></info-head>

上面的是父组件中引用的子组件,其中orderInfo为父组件中定义的接收后台返回的值需要向平常一样的去定义声明,:orderInfo为自定义的用于传值给子组件,
接下来就是子组件的接收值了,因为方法有两种本人习惯于用这一种
export default{
  props: ['orderInfo','changePrice']
}
此时orderInfo,和 changePrice的值就能在子组件中使用了。
特别注意:里面使用字符串去包裹的,其次就是不能随便的在里面改变父组件传送的值,因为公共组件牵一发而动全身。