我有一个VueJs 3菜单组件，需要设置光标的选定元素渲染

import { ref } from 'vue';

export default {
  setup() {
    const selectedElement = ref(null);

    // 其他组件逻辑...

    return {
      selectedElement
    };
  }
}

<template>
  <ul>
    <li v-for="(item, index) in menuItems" :key="index" @click="selectedElement = index" :class="{ 'selected': selectedElement === index }">
      {{ item }}
    </li>
  </ul>
</template>

<style>
.selected {
  // 设置选定元素的样式
}
</style>

import { computed } from 'vue';

export default {
  setup() {
    const selectedElement = ref(null);
    const menuItems = ['Item 1', 'Item 2', 'Item 3'];

    const selectedData = computed(() => {
      if (selectedElement.value !== null) {
        return menuItems[selectedElement.value];
      }
      return null;
    });

    // 其他组件逻辑...

    return {
      selectedElement,
      selectedData
    };
  }
}