VUE 方法执行顺序浅谈

VUE中的方法调用顺序是依次进行的,方法体内部也是依次执行的,但是,两个方法体的执行顺序并不能严格控制。
以下方法中都带有promise函数或异步调用。

initUserData() {
	  this.getPsCountryList() // 1 获取国家列表stateOptions,方法内同步
	  this.getTimeZone() // 2 获取时区timezones,方法内同步
	  this.getUserInfo() // 3 获取用户信息
	}

在实际运行中,三个方法的执行顺序是1-2-3,但是方法3始终不能获取到stateOptions和timezones

背后的调用顺序是1-2-3,但是,方法的执行时间并没有严格控制。

如果想要做到方法调用和执行是同步的,可以使用async和await修饰符。

例如:

	async initUserData() {
	  await this.getPsCountryList() // 1 获取国家列表stateOptions,方法内同步
	  await this.getTimeZone() // 2 获取时区timezones,方法内同步
	  await this.getUserInfo() // 3 获取用户信息
	}

转自 https://blog.csdn.net/alan_alei/article/details/96995147 

猜你喜欢

转载自blog.csdn.net/u012174809/article/details/108595038