vue中create 什么触发_vue中如下代码中的created和watch中alert弹出如下顺序的原因是啥呢？...

如下是一个子组件中的部分代码，当在父组件中给amount赋一个值的时候，alert弹出顺序为什么是 'created' => 'init: 1' => 1 => 'init: 1' => 2 => init: 2' => 'init: 2'

data() {return {  currentLimitType : ''}

},

watch: {amount(val) {

alert(1)  if (this.currentLimitType === '') {    this.initData()

}

alert(2)

... // 巴拉巴拉一堆，我们想要处理的逻辑

},

created() {alert('created')this.initData()

},

methods: {

async initData() {

alert('init: 1')  const res = await queryOnceLimit() // 封装好的ajax请求接口

alert('init: 2')  this.handlInitData(res, () => {    this.computedCurrentLimitType() // 执行完这个方法之后currentLimitType会被赋值

this.$emit('moneyLimitOk')

})

},