vue.js v-if 仍在渲染到页面答案

【问题标题】：vue.js v-if is still rendering to the pagevue.js v-if 仍在渲染到页面
【发布时间】：2023-03-27 08:31:01
【问题描述】：

我在应用程序 html 上有一个简单的组件，它连接到一个

v-if

据我了解，如果 v-if 为 false，则不应创建组件。

这是页面上的组件

<post-modal :v-if="postModal" :show.sync="postModal" :post="post">
    <h3 slot="header">Show Post</h3>
</post-modal>

和应用代码：

new Vue({
    el: '#vueApp',
    data: {
        postModal: false,
        postId: null,
        post: null
    }
});

你可以看到“postModal”是假的，所以组件不应该被渲染......但我知道它就像在组件“created”方法中一样，我有一个

alert('created');

我做错了什么？

谢谢！

【问题讨论】：

【解决方案1】：

<post-modal v-if="postModal" :show="postModal" :post="post">
   <h3 slot="header">Show Post</h3>
</post-modal>

【讨论】：