# vue/no-ref-as-operand

disallow use of value wrapped by ref() (Composition API) as an operand

  • ⚙️ This rule is included in all of "plugin:vue/vue3-essential", "plugin:vue/vue3-strongly-recommended" and "plugin:vue/vue3-recommended".

# 📖 Rule Details

This rule reports cases where a ref is used incorrectly as an operand.
You must use .value to access the Ref value.

<script> import { ref } from 'vue' export default { setup () { const count = ref(0) const ok = ref(true) /* ✓ GOOD */ count.value++ count.value + 1 1 + count.value var msg = ok.value ? 'yes' : 'no' /* ✗ BAD */ count++ count + 1 1 + count var msg = ok ? 'yes' : 'no' return { count } } } </script>
Now loading...

# 🔧 Options

Nothing.

# 📚 Further Reading

# 🔍 Implementation