javascript - 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>

解决方案

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

Mounted => mounted
beforeUpdated => beforeUpdate

这篇关于javascript - vue的生命周期函数执行问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！