创建一个V-FONTCOLOR全局自定义指令，该指令赋予一个P标签，P标签内容为LWY，字体颜色默认为黑色，创建两个按钮，按钮的文本信息分别是红色，蓝色，点击红色按钮，P标签内容的字体颜色改为红色，使用const指令

在Vue.js中，你可以创建一个全局自定义指令`v-foncolor`，通过JavaScript定义并注册这个指令，然后给P标签添加这个指令，以便于改变其字体颜色。下面是一个简单的示例：

首先，在你的Vue实例的配置文件或全局脚本中，定义指令：

// src/main.js 或者 main.ts (取决于你的Vue版本)
import Vue from 'vue'

export const fonColor = {
  bind(el, binding, vnode) {
    el.style.color = binding.value || 'black'; // 默认值设为黑色
    binding.value = 'red'; // 当按钮切换时，将颜色设置为红色
  },
  update(el, binding, vnode) {
    el.style.color = binding.value;
  }
}

Vue.directive('v-foncolor', fonColor);

接着，在模板中，创建一个包含P标签的组件，并添加两个按钮用于切换颜色：

<template>
  <div>
    <p v-foncolor>LWY</p>
    <button @click="changeColor('red')">红色</button>
    <button @click="changeColor('blue')">蓝色</button>
  </div>
</template>

<script>
export default {
  methods: {
    changeColor(color) {
      this.$nextTick(() => {
        this.$el.querySelector('p').vFonColor = color; // 使用指令名，注意大小写
      });
    },
  },
};
</script>

在这个例子中，当你点击红色按钮时，会触发`changeColor`方法，将`v-foncolor`指令的值设置为红色，从而使P标签的文字变为红色。