vue登錄注冊切換的坑

以下代碼是可以用的:

就是通過data的數據控制同級div的顯示和隱藏是可行的，原來以為參考的代碼出問題了，找了一下午加一個晚上，最后將原來頁面的內容放到一個新的頁面上，又剔除各種復雜的id，button，事件等，才證明這個方法是可行的。原來以為多余的那些東西沒有影響的，直到刪除了它們，console不顯示異常，才搞清楚v-show控制div顯示異常的真正原因，居然是一個觸發的注冊事件函數沒有定義。

唉唉唉，還是不能想當然，清除異常要清除控制台的異常。

<template>
<div>
  <div v-show=showRegister><!--注冊頁面-->
  ddddsssssssssssssss
  <span  v-on:click="ToLogin">沒有賬號？馬上注冊</span>
  </div>
  <div v-show=showLogin><!--登陸頁面-->
    <h3>登錄</h3>
    <p v-show="showTishi">nn</p>
    <button >登錄</button>
    <span v-on:click="ToRegister">沒有賬號？馬上注冊</span>
  </div>
</div>
</template>
<script>
export default {
  data(){
    return {
      showRegister:true,
      showLogin:false,
      showTishi:true,
      }
  },
  methods:{
    ToRegister(){
      this.showRegister=true,
      this.showLogin=false
    },
    ToLogin(){
      this.showRegister=false,
      this.showLogin=true
    }
  }
}
</script>