Return to Answer

The biggest comment I have about this code is that it modifies DOM elements using vanillaJS techniques. With VueJS, there are ways of achieving this without needing to reference those elements via properties like id or ref. One way is to use computed properties and bound styles. See rewritten code below for examples.

This code relies heavily on global variables (e.g. dividerRef, currentDivider, leftDivider, rightDivider, etc.). Unless those variables are needed for other code, the Vue instance's data object can be used to store properties used within the various methods.

The biggest comment I have about this code is that it modifies DOM elements using vanillaJS techniques. With VueJS, there are ways of achieving this without needing to reference those elements via properties like id or ref. One way is to use computed properties and bound styles. See rewritten code below for examples.

This code relies heavily on global variables (e.g. dividerRef, currentDivider, leftDivider, rightDivider, etc.). Unless those variables are needed for other code, the Vue instance's data object can be used to store properties used within the various methods.

Alternative to directly modifying style of DOM elements

With VueJS, there are often ways of manipulating DOM elements without needing to reference them via properties like id or ref. One way is to use computed properties and bound styles. See rewritten code below for examples.

Reviewing current code

Manipulating DOM with VueJS

The biggest comment I have about this code is that it modifies DOM elements using vanillaJS techniques. With VueJS, there are ways of achieving this without needing to reference those elements via properties like id or ref. One way is to use computed properties and bound styles. See rewritten code below for examples.

Other review points

Global variables

Readability aspect: indentation

Repeated code

Unused variables

Styles can be consolidated

Alternative to directly modifying style of DOM element

Alternative to directly modifying style of DOM elements