VueJS Simple Counter

This is a really simple sample app using VueJS, that allows you to hook up a some UI elements to some simple functions in your app.

I quite often make simple Vue apps like this and have them nested on my default browser home page to do simple tasks like:

  • url encoding/decoding
  • building urls based on text fields
  • simple, common maths calculations

It should be easy to hack the code sample below to get started yourself. Anything more complicated you’ll want to look at components, the event bus, vue-router and vuex.

See the sample running here: