awawavue/no-ref-as-operand
禁止将ref()包装的值用作操作数
为什么
这条规则是为了防止错误地将ref作为操作数使用。你必须使用.value来访问Ref值。
建议
使用.value来访问Ref值
错误示例
vue
<script>
import { ref } from 'vue';
export default {
setup() {
const count = ref(0);
count++;
return {
count
};
}
};
</script><script>
import { ref } from 'vue';
export default {
setup() {
const count = ref(0);
count++;
return {
count
};
}
};
</script>正确示例
vue
<script>
import { ref } from 'vue';
export default {
setup() {
const count = ref(0);
count.value++;
return {
count
};
}
};
</script><script>
import { ref } from 'vue';
export default {
setup() {
const count = ref(0);
count.value++;
return {
count
};
}
};
</script>