Get the App
SLTechnology News&Howtos  ›  Development  › 

What's the difference between vue.js and bootstrap?

Shulou Source: shulou.com Published: 2022-06-03 17:56:07 09月15日 Update

This article mainly explains the "what is the difference between vue.js and bootstrap". The content in the article is simple and clear, and it is easy to learn and understand. Please follow the editor's train of thought to study and learn "what's the difference between vue.js and bootstrap"?

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

Bootstrap

Bootstrap is a concise, intuitive and powerful front-end development framework developed by Mark Otto and Jacob Thornton of American Twitter company based on HTML, CSS and JavaScript, which makes Web development faster.

It is characterized by a grid system, easy to use and easy to use. Designed for responsive pages. A set of code can be adapted to tablets and PC.

The disadvantage is that there is a lack of a strong set of systematic components (not yet at the time of the investigation, but now it is said to have). When I actually use it, there is a problem of scope conflict, and if I don't organize a whole set of components, the development is very tiring.

Vue

Vue (pronunciation / vju steps /, 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.

The characteristic is that standing on the shoulder of React, many aspects are better:

Two-way binding of data. Data change, page change. The page changes, so does the data.

The rendering of the page is said to be faster than React.

Componentization (in fact, React also has componentization). This is a little different from the concept of componentization of BootStrap, which has solved the problem of scope conflict. In addition, js testing has become more professional (a bit like junit).

Single html development. Its development mode is a html, and then constantly replace the corresponding js of components to switch display effects. The common js and css in html require download only once, which is theoretically faster than Iframe pages.

Combined with the webpack provided by node.js, it can be packaged and released into a system.

The disadvantage is that it is difficult to get started, and the large-scale development requires the accumulation of systematic development. Element is recommended for component-based development of Vue.

The difference between bootstrap and vue

Bootstrap is a concise, intuitive and powerful front-end development framework based on HTML, CSS and JavaScript, while Vue is a progressive JavaScript framework for building user interfaces.

Bootstrap is the front-end page framework, which is used to quickly develop responsive pages, while vue is the front-end js library, which makes the front-end development component.

Thank you for your reading, the above is the content of "what's the difference between vue.js and bootstrap". After the study of this article, I believe you have a deeper understanding of the difference between vue.js and bootstrap, and the specific use needs to be verified in practice. Here is, the editor will push for you more related knowledge points of the article, welcome to follow!

Tags: Development components pages frameworks componentization front-end between systems data problems learning different concise strong intuitive functional content practical progressive characteristics Apple Docker Huawei Linux macOS MariaDB Microsoft MySQL NVidia OPPO Reno NVidia Apple Docker MySQL Shulou Information