v-if 和 v-show的区别

  v-show

            是根据表达式的真假 控制元素的display属性 达到控制元素的显示或者隐藏

            使用的时候如果  v-show=""  双引号内部的值是一个布尔值  true或者是false

                    当值为true时候  display为block

                    反之   dispaly为none

                    dom元素是一直都存在的  只不过我们通过display属性给他们隐藏了

  v-if

            v-if后边的值也是一个布尔值  true或者false

                如果值为true  则元素被渲染

                如果为false  则元素被销毁 (不存在)  

                如果值从false变为了true  则被销毁的元素 会被重新创建

                反之 从true变为false   则已有的元素 会被销毁

   v-if和v-show区别

            v-if是通过值得true或者false来控制元素的 重建或者是销毁

            v-show是通过值得true或者false来控制元素的 display来显示或者隐藏元素  

    注意：v-for不要和v-if一起使用

            如果一个元素标签上边既有 v-for  v-if  这个时候v-for 的优先级比 v-if 更高，那么就会造成

             浏览器内部循环时候 渲染速度受到影响,所以我们不推荐 v-for和v-if放在一起使用