Coding With Fun
Home Docker Django Node.js Articles Python pip guide FAQ Policy

What's the difference between vue and bootstrap?


May 30, 2021 Article blog



Bootstrap and vue are both front-end frameworks in the eyes of many people, but there are still many differences between bootstrap as front-end page frameworks for rapidly developing responsive pages, and vue as front-end js libraries that componentize front-end development.

BootStrap:

Characterized by grid system, simple to use, easy to get started. C reated for responsive pages. A set of code can adapt to tablets and PCs.

The disadvantage is that, lacking a robust set of components (which were not available at the time of the investigation, and is now said to be available), I had a scope conflict problem when I was actually using it, and I was tired of developing if I didn't organize a whole set of components

Vue:

The feature is that, standing on React's shoulders, many aspects are even better:
1. Two-way binding of data. D ata change, page change. Page change, data also change.
2. The page is said to render faster than React.
3. Componentization (actually React is also componentized). T his is a bit different from bootStrap, a componentized concept, and Vue's componentization has settled the scope conflict. In addition, js testing has become more specialized (a bit like junit).
4. Single html development. I ts development mode, which is an html, then non-stop replacing the component corresponding to js to switch the display effect. Common js and css in html only need to be downloaded once, theoretically faster than iframe pages are rendered.
5. Combined with node .js provided webpack, etc., can be published in a system of packaging.

The disadvantage is that, the difficulty is relatively high, and large - scale development, the need for systematic development of the accumulation.