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

Question

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

v-if

正如我从文档中了解到的那样，如果 v-if 为假，则不应该创建组件。

这是页面上的组件

<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”为假，因此不应渲染组件...但我知道它在组件“创建”方法中的作用是我有一个

alert('created');

我做错了什么？

谢谢！

score 1 · Accepted Answer

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

1 回答 1