What is Vue
30 Days of Vue is a free tutorial and a great place to start if you want to learn more about Vue (https://www.fullstack.io/30-days-of-vue/). It covers the basics of Vue as well as some of the more advanced stuff like components and routing for creating single page web applications. It also does a great job of explaining best practices because in Vue there is often more than one way to achieve the same thing.
In a typical project, I often need to be able to detect clicks and manipulate HTML attributes. I am now going to look at how to achieve this using Vue directives.
Another useful directive is ‘v-bind’ or the shorthand ‘:’ this can be used to manipulate attributes. Looking at the example below, these directives are used to toggle an active state to the burger menu when clicked.
See the Pen Vue | v-on and v-bind by Fishtank Agency
@fishtankagency) on CodePen.
If you are interested in implementing Vue into your projects or creating single page web applications using Vue than we would happily assist with any development requests. Our developers are always on call to look into any requests, get in touch today and we can assist with any queries.