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>