DEV Community

TechWithJoe
TechWithJoe

Posted on

How to get started with implementing Vue.js to existing work

Hey Y'all, Tech With Joe here!

Today I just wanted to explain a little bit of how I implemented Vue.js to a project that I actually completed last week. However, it would be more then ideal to explain what Vue.js is first! Vue.js is a component of Javascript that allows for faster and easier implementation of building user interfaces and single page applications. Vue.js does a great job of being able to reuse code.

When implementing Vue.js to existing work, it is actually easy to do so. Using this website, https://overclocked.medium.com/adding-vue-js-to-an-existing-project-ed2d040f870bhttps://overclocked.medium.com/adding-vue-js-to-an-existing-project-ed2d040f870b (Credit to author Blunt Jackson), it is very easy to follow the steps to implement Vue.js to your existing code.

Personally, I used Vue.js to implement an easier way of defining texts. Instead of normally writing out each section of my resume, I created labels and used those components to easier format my Resume, as well as be able to use repeated strings without typing these strings out. I also used the looping to post my picture at the bottom of my resume, without having to type out the entire picture URL again.

My use of Vue.js is very basic, but learning Vue.js is a great way to take HTML websites to the next level.

I explained a little bit else in my video as well:
https://www.youtube.com/watch?v=oOWWx4J9cu8

My work using Vue.js: https://codepen.io/techwithjoe/pen/NWbPYMY

Top comments (0)