Yearc.vue:25 Uncaught (in promise) ReferenceError: fetchSalaryData is not defined

您提到的错误`Yearc.vue:25 Uncaught (in promise) ReferenceError: fetchSalaryData is not defined`表明在Vue组件`Yearc.vue`的第25行，尝试访问一个名为`fetchSalaryData`的函数，但该函数未在当前作用域内找到。这是因为在代码中`fetchSalaryData`函数并未被正确地导入或定义。

解决这个问题需要确保以下几点：

1. **函数定义**：确保`fetchSalaryData`函数在正确的模块（通常是单独的一个`.js`或`.ts`文件）中定义，然后导出供其他组件使用。比如在一个名为`apiUtils.js`的文件中：

// apiUtils.js
export function fetchSalaryData() {
  // ... your fetch logic here
}

2. **导入函数**：在`Yearc.vue`中，使用`import`关键字导入`fetchSalaryData`：

// Yearc.vue
import { fetchSalaryData } from '@/utils/apiUtils'; //假设在src/utils目录下

onMounted(async () => {
  try {
    const data = await fetchSalaryData();
    //...
  } catch (error) {
    //...
  }
});

这里`@`前缀表示相对路径到`src`目录，`utils`是你存放辅助函数的文件夹名。

3. **路径检查**：确认导入路径是否正确，如果`apiUtils.js`不在`utils`目录下，需要相应调整导入路径。

确保以上步骤后，`fetchSalaryData`应该能在`Yearc.vue`中正常引用，错误应该会被修复。如果还有其他问题，确保`Yearc.vue`和包含`fetchSalaryData`的文件在同一级目录下，或者遵循模块化管理文件结构。