VUE3 自学第七课 ‘values‘ is defined but never used 报错的原因

从报错和代码来看，有 两个核心问题：
一、core-js 相关错误（Module not found: Can’t resolve ‘core-js/core/array’）
这是因为项目缺少 core-js 依赖，或依赖版本不兼容。
解决方法：
进入项目根目录（D:\demo\my-vue-project），执行：
bash
npm install core-js@3 --save

（core-js@3 是 Vue 3 推荐的版本，确保安装后依赖完整）
重新运行 npm run serve，修复 core-js 缺失问题。
二、selected 未正确导入 / 定义（Vue 3 语法问题）
你用了 ref，但可能没正确导入 ref，或代码格式有问题。
正确写法（Vue 3 组合式 API）：
vue

<template>
  <h5>下拉选择</h5>
  <select v-model="selected">
    <option value="001">项目1</option>
    <option value="002">项目2</option>
    <option value="003">项目3</option>
  </select>
</template>

<script setup>

// 关键：必须导入 ref！
import { ref } from ‘vue’

// 定义响应式变量
const selected = ref(“001”)

三、完整修复步骤
安装 core-js：
bash
cd D:\demo\my-vue-project
npm install core-js@3 --save

确保组件代码正确（以 Test1Component.vue 为例）：
vue

<template>
  <div>
    <h5>下拉选择</h5>
    <select v-model="selected">
      <option value="001">项目1</option>
      <option value="002">项目2</option>
      <option value="003">项目3</option>
    </select>
  </div>
</template>

<script setup>
import { ref } from 'vue'
const selected = ref("001")
</script>

重启开发服务：
bash
npm run serve

四、其他可能的报错（‘values’ is defined but never used）
如果还有 no-unused-vars 报错，说明代码里定义了 values 变量但没使用，直接删除或注释掉未使用的变量即可。

这样处理后，core-js 依赖和 selected 定义的问题都会解决，下拉选择功能就能正常运行啦～