vue的生命周期函数执行问题

不是按照
beforeMount
Mounted
beforeUpdated
updated
的顺序执行吗?
为何我的执行结果,初始打开只有beforeMount输出,触发click时间修改data,只有updated触发,与我引入了vue-router有关吗?
代码如下

<template>

      <div v-on:click="test=test+1">
                {{test}}
      </div>

</template>

<script>

export default {
  name: 'testView',
  data: () => (
    {
      test: 1,
    }
  ),
  beforeMount() {
    console.log('beforeMount');
  },
  Mounted() {
    console.log('Mounted');
  },
  beforeUpdated() {
    console.log('beforeUpdated');
  },
  updated() {
    console.log('updated');
  },
};
</script>

<style>

</style>
阅读 6.7k
1 个回答

能不能认真检查下 o(╯□╰)o

Mounted => mounted
beforeUpdated => beforeUpdate
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题