Vue.extend如何动态创建Vue实例？

本文共计858个文字，预计阅读时间需要4分钟。

在Vue中，若想动态控制组件的显示与隐藏，例如通过点击按钮显示对话框或弹出信息，我们通常先编写好这个组件。然后，使用`v-if`指令结合`v-bind:show`属性来控制其显示。例如：

在Vue中，如果我们想要动态地来控制一个组件的显示和隐藏，比如通过点击按钮显示一个对话框或者弹出一条信息。我们通常会提前写好这个组件，然后通过v-if = “show”来控制它的显示隐藏。如下所示：

<div> <button @click = "show = !show">弹出</button> <span v-if = "show">这是一条通过按钮控制显示隐藏的信息</span> </div>

另外还有一种实现方法就是通过Vue.extend来动态地创建实例，在想要进行显示的时候创建实例。

在需要隐藏的时候删除这个实例。

1.通过Vue.extend创建构造器,这个构造器用于需要显示是创建实例。