用vue实现点击按钮输入框聚焦

html部分

<input type="text" @blur="focusState = false"  v-focus="focusState"> *这里只能使用v-show,不能使用v-if *
<div @click="focusclick">按钮</div>

js部分

new Vue({
  el: '#app',
  data: {
    message: 'hello!',
    focusState: false
  },
  methods: {
    focusclick () {
      this.focusState = true  
    }
  },
  directives: {
    focus: {
      //根据focusState的状态改变是否聚焦focus
      update: function (el, value) {    //第二个参数传进来的是个json
        if (value) {
          el.focus()
        }
      }
    }
  }
})