How to trigger a vue method only once, not every time

Question

I\'m handling a rotate even on change:

Answer 1

Solving it Vue way:

You can use $once, which will listen for a event but only once.

Listen for a custom event, but only once. The listener will be removed once it triggers for the first time.

You just need to add .once to @change like following:

Check demo if this in the fiddle.

---

Old Answer:

If you do not want to have initial value set for rotate, you can have one more variable : hasRotated to track whether rotate has been changed or not. Initially set hasRotated to true, once rotate has been changed set hasRotated to false, like following: