vue中控制元素的隐藏和显示的几种方法？

1、v-if v-else 指令

2.v-show

3.display:none & opacity：0【通过属性绑定还是 ref获取到dom元素在设置display:none 或者 设置透明度即可】 && 把元素移到文档可视区之外（transform:translate()） 【变相隐藏，显示，结合动画实现炫酷效果】

4.路由 meta 【定义路由时，就可以在路由对象中设置 meta属性，meta:{showdom:true}, 然后使用 v-show=“”$route.meta.showdom“” 就可以控制元素的隐藏和显示了】

5.<!-- 使用vue 提供的 component标签 :is=" 组件名称 " 提供那个就展示那个 -->

  5.<component :is="componentname">
   　　<!-- 绑定一个变量，变量指向那个组件就展示那个组件， -->
    </component>