怎么用vue實現一個登錄跳轉的功能

1.template里面先把你自己想寫的靜態頁面寫好，哪點想點擊轉換登錄，哪點綁定click事件

<template>
    <div :class="$style.wrapper">
        <!--        <img class="" src="img/5.jpg"/>-->
        <img :class="$style.imger" src="img/1.png"/>
        <img :class="$style.imger" src="img/2.png"/>
        <img :class="$style.imger" src="img/3.png"/>
        <img :class="$style.imger" src="img/4.png"/>
        <img :class="$style.buttoner" src="img/button.png" @click="onJump">
    </div>
</template>

2.開始寫登錄跳轉邏輯

<script>
  const projectPath = '#' // 項目路徑，以/開頭，結尾不含/，自己項目服務器的路徑

  export default {
    data () {
      return {
        userNo: '',
        loginStatus: false
      }
    },
    methods: {
      // 登錄方法
      login () {
        CommonKit.login.status(projectPath).then(json => {
          // 判斷登錄狀態
          if (json.status) {
            this.loginStatus = true
          } else {
            this.loginStatus = false
          }
        })
      },

      // 頁面跳轉
      onJump () {
        if (this.loginStatus) {
          // 已經登錄，跳轉指定鏈接
          window.location.href = '#'
        } else {
          // 沒有登錄則登錄
          CommonKit.login.login(projectPath)
        }
      }
    },
    mounted () {
      this.login()
    }
  }

</script>