Vue.directive('focus', {
  bind (el, binding) {
    console.log(binding)
  },
  inserted: function (el) {
    el.focus()
    console.log('inserted')
  },
  update (){
    console.log('update')
  },
  componentUpdated () {
    console.log('componentUpdated')
  }
})
const myComponent = {
  data () {
    return {
      message: 'Hi'
    }
  },
  template: `<p><input type="text" v-focus v-model="message" />{{ message }}</p>`
}

new Vue({
  el: '#app',
  data: {
    total: 0
  },
  components: {
    myComponent
  },
  methods: {
    clickHandler () {
      this.total++
    }
  }
})