请教一个关于Vue钩子函数执行顺序的问题

如图,我的代码,在methods中定义两个方法 如图我的代码,在methods中定义方法,分别在created中调用给数据赋值,在mounted中调用使用这些数据

然而:如下,我分别在控制台输出了上面定义的数据this.oneBanner 

然而...

然而首先打印的却是48行,再打印的43行。这是不是可以理解为mounted里面的,再执行created里面。我开始认为created里面会在页面刷新之前调用,之后再调用mounted里面的是不对的吗?好纠结啊。。。。

我想之后对页面的dom进行一些简单的操作,应该不能再created里面操作dom节点吧,所以我想分开调用,这要怎么解决呢。。。请教一下呀>_<

应该是并发问题,created中执行的getAllBanner方法是不是到后台取数据了,那是异步操作,不会阻塞前台页面的加载,向后台发送请求之后,vue继续向下执行了,等执行了mounted方法之后,这是后台返回。可以通过修改DOM元素绑定的data中的变量来修改DOM。

VUE生命周期执行顺序created是在mounted之前,但是要注意,created是创建VUE示例后执行,在此生命周期内,data、methods、$el均不存在,表面上看你在created中调用了一个自定义的method,实际上它不是说你调用了就马上执行。可参考这个博主的文章:https://blog.csdn.net/Dark_programmer/article/details/106242354