<script lang="ts" setup> import { ref } from 'vue' const activeIndex = ref('1') const activeIndex2 = ref('1') const handleSelect = (key: string, keyPath: string[]) => { console.log(key, keyPath) } </script>将这段代码改写为vue3的js代码，并解释其意思

下面是Vue 3的JavaScript代码：

import { ref } from 'vue'

const activeIndex = ref('1')
const activeIndex2 = ref('1')

const handleSelect = (key, keyPath) => {
  console.log(key, keyPath)
}

export default {
  setup() {
    return {
      activeIndex,
      activeIndex2,
      handleSelect
    }
  }
}

这段代码首先使用了 `import` 语句导入了Vue 3的 `ref` 方法。然后，它定义了两个响应式变量 `activeIndex` 和 `activeIndex2` 并初始化为 `'1'`。接下来，它定义了一个名为 `handleSelect` 的函数，用于处理 `select` 事件并在控制台中输出选中的 `key` 和 `keyPath`。最后，使用 `setup` 函数将这些变量和函数导出，以便在组件中使用。