Tutorial vue.js step by step: Introduction what is vue is it a monolithic frameworks?

what is vuejs?

Vue is a progressive framework for building user interfaces. Unlike other monolithic frameworks (a monolithic framework typically provides a tightly coupled codebase that makes a lot of assumptions about how the code interacts with each other. It usually includes everything you would need to get a web application up and running quickly), Vue is designed from the ground up to be incrementally adoptable. The core library is focused on the view layer only, and is easy to pick up and integrate with other libraries or existing projects.  Vue is also perfectly capable of powering sophisticated Single-Page Applications with the help of two powerful global components:

  1. Single file components :

In many Vue projects, global components will be defined using Vue.component, followed by new Vue({ el: ‘#container’ }) to target a container element in the of every page.


This can work very well for small to medium-sized projects, where JavaScript is only used to enhance certain views. In more complex projects however, or when your frontend is entirely driven by JavaScript, these disadvantages become apparent:

  • Global definitionsforce unique names for every component
  • String templateslack syntax highlighting and require ugly slashes for multiline HTML
  • No CSS supportmeans that while HTML and JavaScript are modularized into components, CSS is conspicuously left out
  • No build steprestricts us to HTML and ES5 JavaScript, rather than preprocessors like Pug (formerly Jade) and Babel
★ READ ALSO ★  Laravel 5 VueJS Routing Building Single Page Application


All of these are solved by single-file components with a .vue extension, made possible with build tools such as Webpack or Browserify.

Here’s an example of a file we’ll call Hello.vue:

  1. Components and also Libraries :

In Vue you will find a very active community who contribute in code (now there is 181 official contributor) and also create some components who make the task very easy to the developer, you can see the libraries supported by Vue in this list and also there is a ton of an awsome not supported libraries.



there is no difference between supported libraries and the other not supported just the supported ones they ask to join the list of awesome Vue. you to you can create your library and ask awsome Vue to add you in the list

If you’d like to learn more about Vue before diving in, just subscribe. the next topic will be the difference between it and the other javascript frameworks.


Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.