vue 父组件向子组件传值，子组件动态获取数据更新

2019独角兽企业重金招聘Python工程师标准>>>

• 父组件向子组件传值，子组件只要使用props接收即可

/*父组件*/



/*子组件*/

• 项目中遇到一个问题，需求是当子组件接收到父组件传来的值后，动态请求后台数据获取到后再显示到视图中，且子组件是在点击父组件某一项时才改变其display值为显示的。
• vue有数据双向绑定机制，所以只考虑怎样动态更新数据即可，也就是什么时候触发子组件定义的根据父组件传递的值来向后台请求数据的方法。
• 方法：监听父组件传递过来的值，然后执行请求数据方法
• bug:第一次请求的时候，数据返回特别慢，也可能无法返回数据，而且很有可能会报错超时，原因就是当父组件传递过来的值发生改变时，想要观测数据触发请求方法时，此时无法确定实例是否已经实例化完成也就是是否完成以下的配置：数据观测(data observer)，属性和方法的运算，所以无法判断数据和方法是否已经运算完毕
• 解决方法： created()方法中先执行一次请求数据的方法，确保数据和方法均已运算完毕
• 可以学习这里： vue生命周期函数

转载于:https://my.oschina.net/yxmBetter/blog/1537009