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

Posted wenchao666

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue 简单实现父组件向子组件传值,简单来说就是子组件肆意妄为的调用父组件里后台返回的值相关的知识,希望对你有一定的参考价值。

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

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

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

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

以上是关于vue 简单实现父组件向子组件传值,简单来说就是子组件肆意妄为的调用父组件里后台返回的值的主要内容,如果未能解决你的问题,请参考以下文章

vue3实现父组件向子组件传值并监听props改变触发事件

vue父组件向子组件传值

vue父组件向子组件传值

Vue_(组件通讯)父组件向子组件传值

visual c++ 中 怎样把子窗口传值到父窗口?

Vue 父组件向子组件传值,传方法,传父组件整体