Talking about visual frameworks such as Vue, we always think about components, rendering, and visual elements, and we forget that there are a lot of things besides the components themselves.
There are the directives that make the components work with the template engine, which are the binding agents between the data and the visual result. And there are built-in directives in the core of Vue, such as v-if, v-else, and v-for.
In this recipe, we will learn how to make our directive.