疑难杂症——vue中v-show=“false” 隐藏元素 不生效

解决办法：

在app.vue的style中添加如下代码：

[hidden] {
		display: none !important;
	}

根本原因是因为最终生成的 CSS 权重 的不同,而导致元素没有正确隐藏，通过 ！important 设置最高级权重

解决思路：v-show 通过display:none 来控制显示隐藏，最终代码解析 是通过css 来显示，Dom节点还是会渲染出来，当你的ccs层级 较多的时候，会导致 display:none的权重不够，无法达到显示隐藏效果