Adding Vue.js to a deployed website

Vue.js in existing websites, the easy way.

If you already have a deployed website, a blog, or something else and you want to expand it and its possibilities, there is a way. Of course, you cannot rewrite the entire website in a day.

Start by adding a script tag to make Vue available in your app and initialize it, binding to a container like #vue-app so the data and the DOM can be linked. Then create a simple component with no particular purpose, with its template to use it in your HTML, like a todo example. Then you are ready to run it, Vue is pretty much like any other library, easy to use and learn.

Just create cool things on the internet.

Check the sum of this example in action with Bootstrap and Vue, on Codepen.