码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2019-04-18 15:05:53      阅读:143      评论:0      收藏:0      [点我收藏+]

标签:rop   如何   调用   获取   声明   返回   两种   def   font   

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

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

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

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

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

标签:rop   如何   调用   获取   声明   返回   两种   def   font   

原文地址:https://www.cnblogs.com/wenchao666/p/10729438.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!