Vue.JS is my favorite JavaScript view-library now. In this article, I will explain to you how to build a project using Vue.JS, hot module replacement, webpack and the entire vue ecosystem completely from scratch so you can understand exactly how your app works.
I have been developing in JavaScript for a long time now, from about 2007. I love angular, I love react and ember. I can see the motivations and the brilliance behind each of them. But the one library which truly sparks bliss and excitement in me is VueJS. It’s not the best solution for every problem and every person - but me (and a lot of other people) really see the value in this library.
Unlike official vue-router which is organized around URLs, Voie is organized around states. Voie-based apps are basically finite-state machines.
State is simply a named logical "place" within your application.
Each state can optionally have:
URL pattern
Vue component
enter hook to populate state with data
leave hook to cleanup things
States are organized into hierarchies: child states will inherit parameters and data from parent state. Also, if child state has a component, then it will be rendered at the location specified by parent (or nearest ancestor) state denoted by <v-view>directive.
