What is the difference between computed and methods?

Question

Accepted Answer

**computed** — cached derived state. **methods** — functions that run on every call.

**computed:**
- Cached based on dependencies.
- Only re-evaluates when dependencies change.
- Better for expensive calculations.

**methods:**
- Executed every time called.
- No caching.
- More flexible for event handling.

```javascript
// computed
const doubled = computed(() => count.value * 2)
// Only recalculates when count changes
```

```javascript
// methods
function getDoubled() {
  return count.value * 2
}
// Runs every time called
```

**Key differences:**
- **computed** — cached, reactive.
- **methods** — no cache, always runs.

Vue.js: What is the difference between computed and methods?