Mutation 是 Vuex 中用来直接变更状态的方法。记住，直接修改 state 是不被允许的，所有的状态变更都必须通过提交 mutation 或 dispatch action 来完成。这样可以确保状态变更的可追踪性和易调试性。： 如果你在非组件的文件中（例如，Vue 插件、Node.js 服务器等）需要访问 Vuex store 的状态，可以通过注入 store 实例来实现。在 Vuex

如果在vue项目中有多个组件或者同个组件多出地方需要不同的图表，因此自己封装一个方便多次复用的Mycharts图表组件。使用： :style="{ transform: `scale(${scale})` }"这样你就成功封装好了一个echarts图表组件并成功使用啦！2.1 安装echarts。

调用删除接口时传个对象格式：{ id: row.id } 即可解决改bug。此处后端需要的一个对象的格式，所以传用户id时也要是对象格式。原来代码写的是：（直接传了row.id，用户id)场景：当点击删除用户时，出现该报错。

不引入shallowRef跳过proxy代理的话会报警告。首先创建父组件.vue文件和两个子组件A、B文件，并引入。通过整理组件名到一个变量，再用:is渲染。通过isShow来切换显示A、B组件。默认显示childC组件，点击切换就显示对应组件。点击切换按钮，就会切换显示A、B组件。2、整理要渲染的组件 --案例。

1.1 在<script setup>定义组件内的指令，任何以v开头的驼峰式命名的变量都可以被用作一个自定义指令。

如果responseType的值改为'blob'，responseType: 'blob' // 确保将响应类型设置为blob，会发现可以下载，但是打开不了。是一个方法，用于发送 POST 请求。你需要将原始的 Axios 请求改写为使用这个代理对象的方法。用于存储请求返回的数据，你可以在模板或其他计算属性中使用它。最后，你可以在组件的适当位置调用。函数，例如在组件的生命周期钩子中，或者在用户触发

指出在尝试解析或序列化 JSON 数据时遇到了问题。JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，它要求数据必须是有效的 JSON 格式。在 JavaScript 中，undefined是一个特殊的值，表示变量没有被赋值，它不是一个有效的 JSON 值。

2、封装button组件，通过slot插槽传入按钮名称。以上就是插槽的使用，源码里面有注释说明。

在Vue 3中，自定义hooks允许开发者封装和重用逻辑代码。自定义hooks是使用Composition API时创建的函数，这些函数可以包含任意的组合逻辑，并且可以在多个组件之间共享。自定义hooks通常遵循这样的命名约定：以use开头，后面跟上hook的名称，这样做可以清晰地表明它是一个自定义的hooks。01、具备可复用功能，才需要抽离为 hooks 独立文件02、函数名/文件名以 use

这段代码是配置别名(alias)的一个例子，通常用于JavaScript模块打包工具或构建工具中，比如Webpack。别名允许你在模块路径中使用简短的别名而不是完整的路径。使用别名后，你可以在项目中的任何地方通过。来代替冗长的相对路径或绝对路径，使得路径更简洁，也方便维护。目录的完整文件系统路径。这样，开发者在引用模块时可以使用。综合来看，这段代码的作用是设置一个别名。时，它会被替换为当前模块目录