Vue中控制组件显示:v-show和v-if的区别

Vue中控制组件显示:v-show和v-if的区别_第1张图片

Vue中控制组件显示:v-show和v-if的区别_第2张图片 

 

v-show是切换时切换的很快    但是第一次加载时慢 每次生效都是css生效  得对整个css进行改变

而v-if是切换时慢   但是第一次加载时快  因为没有css的作用 而是直接将本标签删了 所以加载的快  但是切换很慢

其实这就需要看css的处理机制和html的处理机制了 :

加载完页面后,进行css代码的更改会很快,但是这时还增删html代码那就更慢

第一次加载页面时,第一次执行时,css代码的执行相比直接用html会更慢一点

简单说:v-show: 切换快 加载慢 

                   v-if:切换慢 加载快

你可能感兴趣的:(vue.js,前端,javascript)