Vuejs reverseKey不工作

// 注册一个全局自定义指令
Vue.directive('reverse-key', {
  bind: function (el, binding) {
    // 获取绑定的值
    const key = binding.value;
    // 反转字符串
    const reversedKey = key.split('').reverse().join('');
    // 将反转后的值设置为元素的文本内容
    el.textContent = reversedKey;
  }
});

<div v-reverse-key="'Hello World'"></div>

// 在Vue实例中定义一个计算属性
computed: {
  reversedKey: function () {
    const key = 'Hello World';
    // 反转字符串
    return key.split('').reverse().join('');
  }
}

<div>{{ reversedKey }}</div>