Vue(uniapp)父组件方法和子组件方法执行优先顺序

涉及到的知识点:钩子函数mounted和created的区别:先看问题,父组件从后端通过$ajax获取数据,在将父组件将值传输给子组件,使用子组件使用created钩子函数获取数据,按自己的想法应该是父组件先获取后端数据,在传入给子组件,可是事实是,子组件先获取数据,父组件在从后端获取数据,这样的话子组件就没有数据获取为空。

父页面:

Vue(uniapp)父组件方法和子组件方法执行优先顺序_第1张图片

Vue(uniapp)父组件方法和子组件方法执行优先顺序_第2张图片

Vue(uniapp)父组件方法和子组件方法执行优先顺序_第3张图片





子页面:

Vue(uniapp)父组件方法和子组件方法执行优先顺序_第4张图片

Vue(uniapp)父组件方法和子组件方法执行优先顺序_第5张图片

解决方法:将子页面中钩子函数created变成mounted调用type函数方法,这样就可以让父页面的函数先运行获取后端数据,在吧数据传入子页面,子页面获取数据在输出。

Vue(uniapp)父组件方法和子组件方法执行优先顺序_第6张图片





运行结果:

Vue(uniapp)父组件方法和子组件方法执行优先顺序_第7张图片

你可能感兴趣的:(uniapp,vue,日常问题,vue.js,uni-app,前端)