javascript - 即使组件没有通过 v-if 加载，vuejs Mounted 也会被调用

Question

我的应用程序使用 vuejs ，如下所示

app.vue

<template>
<div>
 <custom-elem v-if="somefalseCondition"> </custom-elem>
</div>
</template>

自定义Elem.vue

<template>
  some code
 </template>
<script> 
export default {
 mounted(){
  console.log('demo')
}
}
</script>

我期望当元素实际渲染在屏幕上时应该调用这个 Mounted ，但即使 v-if 内的条件为 false 后它仍在执行，我在这里缺少什么？

Answer 1

这是不正确的，一定有什么地方有错误。

v-if="false"避免创建组件实例。

如果 v-if 始终为假，则不会触发任何事件(beforeCreate、created、mounted...)。

你确定你的条件都是假的吗？自父组件开始以来就必须是这种情况，请小心更改值，如果条件内传递的任何数据在某个时间点不是错误的，组件将被实例化并引发事件。

问候