vuejs 动态切换组件的父组件

Question

例如：我现在有一个标签组件当前放在父组件F1中

    <f1><tag>{{msg}}</tag></f1>
    <f2></f2>
    <button @click>按钮</button>

如何实现点击按钮的时候，能够将tag放到f2中且保持tag组件不重现渲染

Answer 1

用v-if吧

    <f1 v-if="bool"><tag>{{msg}}</tag></f1>
    <f2 v-if="!bool"><tag>{{msg}}</tag></f2>
    <button @click="">按钮</button>