Vue 动态组件与 v-once 指令的实现

本文介绍了Vue 动态组件与 v-once 指令的实现，分享给大家，具体如下：上面代码需实现，当点击按钮时，child-one和child-two实现toggle效果，该怎么实现呢？动态组件的意思是它会根据is里面数据的变化，会自动的加载不同的组件每次点击按钮切换的时候，Vue 底层会帮我们干什么呢？Vue 底层会判断这个child-one组件现在不用了，取而代之要用child-two组件，然后它就会把child-one组件销毁掉，在创建一个child-two组件。假设这时child-two组件要隐藏，child-one组件要显示，这个时候要把刚刚创建的child-two销毁掉，在重新创建child-one组件，也就是每一次切换的时候，底层都是要销毁一个组件，在创建一个组件，这种操作会消耗一定的性能。所以在 Vue 当中，通过v-once指令，可以提高一些静态内容的展示效率