Vue.Js Architecture
Vue.Js Architecture:- Vue.Js is a framework which is used in single page application. In SPA’s(single page application)there there is no need of reloading of whole page when we need some functionality of web page. Hence we can create cross platform web apps using Vue.Js which are compatible for all devices.
Now a days we all know mobile first and desktop second approach became in web development practices.
Architecture detailed description comes into picture when we start designing web apps. So architecture means design patterns that we follow in development of any software.
Vue.Js is basically follows the Model-View-ViewModel(MVVM) pattern.
Now let us understand what is Model-View-ViewModel.
1. Model
Model basically handles the request & response between server & ViewModel. It communicates to the data server, It listens the request from the ViewModel and sends it to the server and provides the response back to viewModel.
2. ViewModel
View-Model basically holds the data objects returned from the model and directly communicates to the view. It is responsible to change the data in view, it automatically refreshes the Ui if there is change in data. It uses observable to watch the changes.
3. View
View is the part which is directly visible to the users. data-bind is used to handle the data in View part which automatically updates the changes in UI.
Vue.Js Architecture | Example
It is JavaScript Framework which enables us to develop web apps with great performance and works on all devices.
Vue.Js is basically follows the Model-View-ViewModel(MVVM) pattern.
Now let us understand what is Model-View-ViewModel.
Advertisements
