v-if/v-show都是vue里面的基础指令,都可以实现元素的显示隐藏

它们的区别有俩点:

1. 它们的原理不同,v-if是通过新增删除节点的方式来实现标签显示隐藏.v-show是通过设置节点的style样式display来实现的

2.应用场景不一样,- v-if需要操作dom元素，有更高的切换消耗.

• v-show只是修改元素的的CSS属性有更高的初始渲染消耗。

• 如果需要非常频繁的切换，建议使用v-show较好，如果在运行时条件很少改变，则使用v-if较好