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

Question

不是按照
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>

Answer 1

能不能认真检查下&nbsp;o(╯□╰)oMounted&nbsp;=>&nbsp;mountedbeforeUpdated&nbsp;=>&nbsp;beforeUpdate