What is the difference between vue and layui

The difference between vue and layui: 1. vue is a progressive JavaScript framework for building user interfaces, and layui is a front-end UI framework written using its own module specifications; 2. vue will be responsible for data and views The binding, data and view are related, while layui does not provide binding between components and data.

The operating environment of this tutorial: windows10 system, vue2.9.6 version, DELL G3 computer.

What is the difference between vue and layui

layui

layui (homophone: UI-like) It is a front-end UI framework written using its own module specifications. It follows the writing and organizational form of native HTML/CSS/JS. The threshold is extremely low and can be used out of the box. It is minimalist on the outside but full on the inside. It is light in size and rich in components. Every detail from the core code to the API has been carefully crafted, making it very suitable for rapid interface development.

To be precise, it is more tailored for server-side programmers. You don’t need to get involved in the complex configuration of various front-end tools. You only need to face the browser itself, so that all the elements you need can be integrated with the browser itself. Interaction is at your fingertips here.

layui can be used as a quick development solution for the PC web-side backend system and front-end interface.

vue

Vue (pronounced /vjuː/, similar to view) is a progressive JavaScript framework for building user interfaces. Unlike other large frameworks, Vue is designed to be applied layer by layer from the bottom up. Vue's core library only focuses on the view layer, making it easy to integrate with third-party libraries or existing projects.

Vue’s core library only focuses on the view layer, and is very easy to learn and integrate with other libraries or existing projects. Vue, on the other hand, is fully capable of driving complex single-page applications developed using single-file components and libraries supported by the Vue ecosystem.

The goal of Vue.js is to enable responsive data binding and composed view components through the simplest possible API.

Vue.js itself is not a comprehensive framework - it only focuses on the view layer. Therefore it is very easy to learn and very easy to integrate with other libraries or existing projects. On the other hand, Vue.js can also perfectly power complex single-page applications when used with related tools and support libraries.

Difference

vue (angular, react) These frameworks will be responsible for binding data and views. When the data changes, the view automatically updates, and when an event occurs in the view, it will also Updating data is easy. Libraries such as layui (bootstrap, extjs) don't feel like frameworks, but component libraries. They provide some components (such as tables, trees), only provide appearance and behavior, and do not provide binding to data. If the data changes, you are responsible. Refresh; the view changes and you get the data yourself. Vue's interface libraries element ui and layui are both component libraries. The difference is whether data and views are related.

layui is actually more preferred for use by back-end developers. It has very good effects as a background framework on server-side pages to meet the needs of server-side programmers.

layui is the best UI framework provided to back-end developers. It is based on DOM driver. It is more troublesome to implement front-end interaction. Addition, deletion, modification and query of pages require querying DOM elements. So when interaction is not required, it is good to use layui.

bootstrap does a good job in front-end responsiveness, and performs well on both PC and mobile terminals.

If it is similar to the official website and needs to satisfy both PC and mobile effects, bs performs very well.

But if it is a website that requires interaction, such as a mall, vue is obviously better, and the front and back ends are separated.

[Related recommendations: "vue.js Tutorial"]

The above is the detailed content of What is the difference between vue and layui. For more information, please follow other related articles on the PHP Chinese website!