子组件无法渲染父组件异步获取数据的问题

问题：

    今天在做项目的时候出现了一个问题，父组件通过调用接口获取到的数据，将库存数量通过属性传值的方式传递给子组件，子组件通过props的方式获取数据，在进行数据渲染（限制库存数量的值）的时候，获取到的值是undefined。

父组件goodinfo.vue

父组件获取数据.png 属性传值给子组件.png

子组件goodinfo_num.vue

子组件接受 渲染max

console输出数据为：

结果

解决办法：

    通过watch来监听父组件传过来的max值，无论watch触发几次，但是最后一次肯定是一个合法的值。如此，问题就可以得到解决。

        对应一个对象，键是观察表达式，值是对应回调。值也可以是方法名，或者是对象，包含选项。

由于本人此处用的时mui框架的 number box 组件

mui框架文档：http://dev.dcloud.net.cn/mui/ui/#numbox

mui(Selector).numbox().setOption('step',5)

可以将最大值限制，并且能够获取到父组件通过异步传过来的数据，效果如下：。