从home.vue 跳转到 login.vue code()方法不能使用了

Question

从home.vue 跳转到 login.vue code()方法不能使用了 直接在login.vue 可以使用 是什么问题

<template>
  <div id="login">
    <h1 class="clearfix"><span class="fl" @click="back"><</span></h1>
    <div class="tit w">
      使用短信验证码登录
    </div>
    <div class="tel clearfix">
      <span class="icon1 fl">+86</span><input type="text" placeholder="请输入手机号码" class="fl"> <span class="icon2 fr"></span>
    </div>
    <div class="code clearfix">
      <input type="text" placeholder="请输入验证码" class="yan fl">
      <input type="button" value="获取验证码" class="span-code fr" id="yan" v-bind="code()">
    </div>
    <div class="login w">
      <span  @click="deng"> 登录</span>
    </div>
  </div>
</template>
<script>
  import 'jquery'
  export default{
    name: 'login',
    data () {
      return {
      }
    },
    methods: {
          back(){
            this.$router.go(-1);
          },
          deng() {
             alert(111);
          },
         code(){
              $(function(){
                  $('#yan').click(function(){

                    settime(this);
                    $('#yan').css('background','#b7b7b7');
                    //yan.style.background='#b7b7b7'
                  })
                var countdown=60 ;
                function settime(val) {
                  if (countdown == 0) {
                    val.removeAttribute("disabled");
                    val.value = "获取验证码" ;
                    countdown = 60 ;
                    //yan.style.background='#ffac2a';
                    $('#yan').css('background','#ffac2a');
                    return;
                  } else {
                    val.setAttribute("disabled", true)
                    val.value = "重新发送("+countdown+")";
                    countdown-- ;
                  }
                  setTimeout(function () {
                    settime(val) ;
                  }, 1000)
                }
              })

         }
    }
  }
</script>