相关代码：

 const directives = {
    pos: {
      mounted(el, binding) {
        el.style[binding.arg] = (binding.value + 'px');
      }
    }
  },
  const app = Vue.createApp({
    directives,
    data(){
      return{
        distance: 110
      }
    },
    template: `
      <div>
        <div v-pos:right="distance" class="header">
          <input />
        </div>
      </div>
    `
  });

问题描述：

1，代码中这样引入局部自定义有报错，感觉是引入的时候有问题，但不知道哪里错。

2，老师在讲实例中引入局部自定义指令的时候忒乱，所以产生两个问题：

①局部自定义const directives的时候，我看全局app.directive后面并没有加s，这个是说局部自定义指令const directives 这个directives是可以随意命名的？

​

②关于在 Vue.createApp实例中引入局部自定义指令的时候，在【开发实现 Vue 中的自定义指令(1)】5:45分的时候可以这样directives:directives,引入，然后在【开发实现 Vue 中的自定义指令(2)】9:26分的时候又说directives:{focust}这样这引入，所以我都不知啥问题了，希望明确点，谢谢！