vue.js 设置div的显隐交换

Vue源码：

       new Vue({

        el: '#app',

        data: {

            Showdiv1:true,          //div1显示

            Showdiv2:false          //div2隐藏

         }

        methods: {

           change(){                      //触发事件

              if("你设置的条件"){              //符合你的条件时

                  Showdiv1 = false;           //div1隐藏

                  Showdiv2 = true;                  //div2显示

              }

           }

        }

     })

Html源码：

<div  v-if="Showdiv1 ">我是div1div>

 <div  v-if="Showdiv12">我是div2div>

 

主要运用的是v-if指令