如何在单标记vue单张上使用两个标记道具

<template>
  <div>
    <div v-myDirective1="prop1">Element with prop1</div>
    <div v-myDirective2="prop2">Element with prop2</div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      prop1: 'value1',
      prop2: 'value2'
    };
  },
  directives: {
    myDirective1: {
      bind(el, binding, vnode) {
        // 获取道具的值
        const prop1 = vnode.context[binding.expression];
        // 应用道具到元素上
        el.innerHTML = prop1;
      }
    },
    myDirective2: {
      bind(el, binding, vnode) {
        // 获取道具的值
        const prop2 = vnode.context[binding.expression];
        // 应用道具到元素上
        el.innerHTML = prop2;
      }
    }
  }
};
</script>