动态组件于v-once指令

先看两个子组件

现在想要实现一个按钮每一次点击之后,child-two和child-one交替出现

那么现在我们也可以通过动态组件来实现这个功能

发现效果完全一样,这是因为component是Vue里面的动态标签,它能够自动根据is里的内容,选择不同的子组件

------------------------------------------------------------------------------------

我们在跳出child-one和child-two的时候,Vue其实是销毁一个然后再从新建立另一个,一直重复这个过程,这样子比较废性能,因为child-one我们并没有发生改变,如果能存储到内存就好了,每次只要调用就可以

v-once指令就是用来干这种事情的

页面刚加载的时候v-once会把child-one存到内存中,

当我们点击change之后,又把child-two存到内存中,以后再点击就不需要重新销毁再重建了

猜你喜欢

转载自blog.csdn.net/VVVZCS/article/details/82352833
今日推荐