vue/no-async-in-computed-properties Correctness
作用
禁止在计算属性中使用异步操作。
为什么这不好？
计算属性中的异步操作可能会导致意外行为。计算属性的值应该是其依赖项的同步函数。
示例
以下是此规则的错误代码示例：
vue
<script>
export default {
computed: {
pro() {
return Promise.all([new Promise((resolve, reject) => {})]);
},
foo: async function () {
return await someFunc();
},
bar() {
return fetch(url).then((response) => {});
},
tim() {
setTimeout(() => {}, 0);
},
inst() {
return new Promise((resolve, reject) => {});
},
},
};
</script>以下是此规则的正确代码示例：
vue
<script>
export default {
computed: {
foo() {
return this.bar;
},
},
};
</script>配置
ignoredObjectNames
类型：string[]
默认值：[]
应忽略其成员调用链（.then / .catch / .finally）的标识符名称。适用于像 Zod 这样的库，其中 .catch(default) 是构建器 API，而不是 Promise 方法。
如何使用
To enable this rule using the config file or in the CLI, you can use:
json
{
"plugins": ["vue"],
"rules": {
"vue/no-async-in-computed-properties": "error"
}
}ts
import { defineConfig } from "oxlint";
export default defineConfig({
plugins: ["vue"],
rules: {
"vue/no-async-in-computed-properties": "error",
},
});bash
oxlint --deny vue/no-async-in-computed-properties --vue-plugin版本
此规则已在 v1.71.0 中添加。