从自定义指令中检索数据的组件

// 注册一个全局自定义指令 `v-focus`
Vue.directive('focus', {
  // 当被绑定的元素挂载到 DOM 中时……
  mounted: function (el, binding) {
    // 聚焦元素
    el.focus();
    
    // 假设我们要从指令中检索数据
    console.log(binding.value); // 这里的binding.value就是传递给v-focus的数据
  }
});

// 在组件中使用
new Vue({
  el: '#app',
  data: {
    message: 'Hello, Vue!'
  }
});

<div id="app">
  <input v-focus="message" type="text">
</div>

Vue.directive('focus', {
  mounted: function (el, binding) {
    el.focus();
  },
  updated: function (el, binding) {
    // 当绑定的值更新时，重新聚焦
    el.focus();
  }
});