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

Posted 2021-02-16 wenchao666

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

首先调用组件相信大家都应该明白了（不明白的自己撸撸文档），

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

上面的是父组件中引用的子组件，其中orderInfo为父组件中定义的接收后台返回的值需要向平常一样的去定义声明，:orderInfo为自定义的用于传值给子组件，
接下来就是子组件的接收值了，因为方法有两种本人习惯于用这一种

export default{

　　props: [‘orderInfo‘,‘changePrice‘]

}
此时orderInfo,和 changePrice的值就能在子组件中使用了。
特别注意：里面使用字符串去包裹的，其次就是不能随便的在里面改变父组件传送的值，因为公共组件牵一发而动全身。