用vue写一个demo,在插件中创建自定义指令ipt,要求该指令把自动获得焦点的例子和边框变 色的例子合并，用Vue.use的第二个参数决定使用哪个指令的效果。

这里给出一个简单的示例代码：

<!-- 在模板中使用自定义指令 -->
<template>
  <div>
    <input v-ipt="{ focus: true, borderColor: 'red' }">
  </div>
</template>

<!-- 在插件中注册自定义指令 -->
<script>
export default {
  install(Vue, options) {
    const defaultOpts = {
      focus: false,
      borderColor: 'black',
    };
    Vue.directive('ipt', {
      inserted(el, binding) {
        const { value } = binding;
        const { focus, borderColor } = Object.assign({}, defaultOpts, value);
        if (focus) {
          el.focus();
        }
        el.style.borderColor = borderColor;
      },
    });
  },
};
</script>

<!-- 在入口文件中使用插件 -->
<script>
import Vue from 'vue';
import IptDirective from './ipt-directive';

Vue.use(IptDirective, {
  focus: true,
  borderColor: 'red',
});
</script>

在这个示例中，我们定义了一个名为 `ipt` 的自定义指令，并在插件中注册了这个指令。在模板中，我们可以通过 `v-ipt` 指令来使用这个指令，并通过传递不同的参数来决定具体的效果。

在插件的 `install` 方法中，我们定义了默认的指令选项，然后在 `inserted` 钩子中根据选项来设置元素的样式和行为。在入口文件中，我们通过 `Vue.use` 方法来使用这个插件，并通过传递不同的选项来决定使用哪个指令的效果。