Vue的控制页面是否显示的功能

可以使用v-if和v-show
两者区别：
v-show是条件隐藏，每次是不用走生命周期的，相当于css样式的display:none，也就是元素一直在那里.
v-if控制的每次会走生命周期，而且会导致浏览器找不到这个元素,所以表单提交隐藏的时候不可以使用v-if.

实现多个隐藏的步骤：

1. 然后需要在你控制显示的地方加上v-show或者v-if来控制是否显示
3. 在data里面加上,flag,flag1,flag2,flag3,flag4,flag5,flag6,flag7,flag8,flag9,flag10,flag11,flag12,flag13,这些个变量。
4. 再加上一个点击事件，可以在你的button上面，或者是盒子里面。
5. 注意一下你的点击函数flagFunction1(3)里面必须传上相应的参数
   

代码：

	flagFunction1(value){
				
				if(value==0){
			if(this.flag){
					this.flag=false;
				}else{
					this.flag=true;
				}


				}
				
				
				if(value==1){
				if(this.flag1){
					this.flag1=false;
				}else{
					this.flag1=true;
				}

				}

				if(value==2){
				if(this.flag2){
					this.flag2=false;
				}else{
					this.flag2=true;
				}

				}

				if(value==3){
				if(this.flag3){
					this.flag3=false;
				}else{
					this.flag3=true;
				}

				}

				if(value==4){
				if(this.flag4){
					this.flag4=false;
				}else{
					this.flag4=true;
				}

				}

				if(value==5){
				if(this.flag5){
					this.flag5=false;
				}else{
					this.flag5=true;
				}

				}

				if(value==6){
				if(this.flag6){
					this.flag6=false;
				}else{
					this.flag6=true;
				}

				}

				if(value==7){
				if(this.flag7){
					this.flag7=false;
				}else{
					this.flag7=true;
				}

				}

				if(value==8){
				if(this.flag8){
					this.flag8=false;
				}else{
					this.flag8=true;
				}

				}

				if(value==9){
				if(this.flag9){
					this.flag9=false;
				}else{
					this.flag9=true;
				}

				}

				if(value==10){
				if(this.flag10){
					this.flag10=false;
				}else{
					this.flag10=true;
				}

				}

				if(value==11){
				if(this.flag11){
					this.flag11=false;
				}else{
					this.flag11=true;
				}

				}

				if(value==12){
				if(this.flag12){
					this.flag12=false;
				}else{
					this.flag12=true;
				}

				}

				if(value==13){
				if(this.flag13){
					this.flag13=false;
				}else{
					this.flag13=true;
				}

				}
				
			},

	<div style="background-color: #F0F0F0;"  @click="flagFunction1(1)" :value="1">
					<img :src="imgUrl" width="161" height="31px" />
					<span style="margin-left: -135px; color: #FFFFFF;"  class="label" >销售信息</span> 
					 <a id="name1"></a>
				</div>