What is VueJs ?
- Vue.js povides us doing reactive and interactive Web interfaces easily and quickly 🚀
- It is a programming language that is supported by all browsers and allows us to make manipulations on the running page.
Briefly, framework is a library which includes lots of functions, rules that prepared before and it makes us feel free to develop application. It offers us the necessary infrastructure to prepare a project like a bootstrap 😃.
It is to process the transactions made by the user directly on the page without the need to refresh the page. That’s really cool and fancy🔥
- Vue.Js gives us lots of speed and performance 🚀
Let’s make a simple todo application with both to see the difference between Vanilla JavaSciprit and VueJs.😛
Firstly, open the VsCode and create three files named like index.html, app.js and style.css.
Our files are as follows 🔽
After we do all stuff, our application shown as below :
Yeah, I can hear you say what a bad styling😏 I know that…
Initially, we need to add Vue.Js cdn(content distribution network) to make it usable for our project. How can we add Vue.Js cdn ?
- Go to Vue.Js official website and click to get started button then we need to scroll down and click the button called installation below Getting Started header section blablabla…, don’t worry… you don’t need to go to the site and click on it, I’ve already shared it below.
We will be able to use Vue.Js in our project after a single move, just copy the cdn and paste your index.html file and change your index.html and app.js files like below.
I wish you good days with Vue.Js and thanks for reading. Please comment, if you have an any question or advice to me. See you next time. Happy Hacking 👋