What is difference between vf page and lightning component in Salesforce?

Hi Deepak,

Visualforce Page

Visualforce components are page-centric
Most of the work is done on the server.
JavaScript buttons and links are supported
There are three steps to add Lightning components to a Visualforce page:
Add <apex:includeLightning/> at the beginning of your page.
Create and reference a Lightning app that declares your component dependencies.
Write a JavaScript function that creates the component on the page using $Lightning.createComponent()
In Salesforce Classic, Visualforce “owns” the page, the request, the environment. Visualforce is the application container
Primarily for Desktop
Based on MVC framework
My domain is not required
Server sends the resulting HTML to the browser

Lightning Components:

Lightning Components are client-side centric
It's on the client-side which makes them more dynamic and mobile-friendly.
JavaScript buttons and links aren’t supported.
Add an iframe to the Lightning Component and set the source url of the iframe to the Visualforce Page.
In Lightning Experience, Visualforce runs inside an iframe that’s wrapped inside the larger Lightning Experience container.
"Mobile First" concept of design.
It is a component-based framework.
My domain is required to use Lightning Components.
The application/component bundle is sent to the client, then the browser generates the UI by loading the bundle using Javascript libraries.