Vue3.js创建一个全局自定义指令v-highlight，接受参数color用于指定悬停时的背景颜色,够通过绑定的参数动态改变背景颜色。

Vue3.js创建全局自定义指令v-highlight，可以按照以下步骤完成：

首先，你需要安装`@vue/composition-api`库，因为Vue3默认不提供直接访问组件实例属性的方法，而composition API提供了一种更简洁的方式来管理组件内部的状态：

npm install vue @vue/composition-api
# 或者
yarn add vue @vue/composition-api

然后，在你的Vue组件中引入并使用`useRef`和`defineApp`:

import { defineComponent, ref, onMounted } from 'vue';
import { useSetup } from '@vue/composition-api';

export default defineComponent({
  setup() {
    // 创建一个ref来存储当前的背景色
    const backgroundColor = ref('');

    // 使用useSetup函数来注册全局自定义指令
    const directive = {
      name: 'v-highlight',
      inserted: (el, binding) => {
        el.addEventListener('mouseover', () => {
          backgroundColor.value = binding.value; // 设置背景颜色
        });
        el.addEventListener('mouseout', () => {
          backgroundColor.value = ''; // 当鼠标移出恢复默认
        });
      },
    };

    // 注册全局指令
    useSetup(() => ({ directives: { vHighlight: directive } }));

    // 当组件挂载时，初始化背景颜色为空
    onMounted(() => {
      backgroundColor.value = '';
    });

    return () => (
      <div :style="{ backgroundColor: backgroundColor.value }" />
    );
  },
});

在这个例子中，你可以像这样在模板上使用这个指令：

<div v-highlight.color="yourColorVariable"></div>

当`yourColorVariable`变化时，对应的元素背景色会跟随改变。