vue 组件 mounted 多次 bug All In One

vue 组件 mounted 多次 bug All In One

demo

https://codesandbox.io/s/vue-parent-child-lifecycle-order-forked-v4wnw?file=/src/components/parent.vue

<template>
  <div class="parent">
    <h2>{{ title }}</h2>
    <button @click="toggleShow">ToggleShow</button>
    <ChildComponent v-if="show"/>
    <!-- mounted multi times bug -->
    <div v-for="(item, index) in arr" :key="index">
      <ChildComponent />
    </div>
  </div>
</template>

refs

https://www.cnblogs.com/xgqfrms/p/12901725.html

---

---

©xgqfrms 2012-2020

www.cnblogs.com/xgqfrms 发布文章使用：只允许注册用户才可以访问！

原创文章，版权所有©️xgqfrms, 禁止转载 🈲️，侵权必究⚠️！

---