The difference between front-end vue and bootstrap

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

Bootstrap, from Twitter, is by far the most popular front-end framework. Bootstrap, based on HTML, CSS, and JavaScript, is more personalized and user-friendly on the jQuery basis, creating its own unique website style and compatible with most jQuery plug-ins.

Bootstrap is simple and flexible, making web development faster. Its biggest advantage is responsive layout, which makes it easy for developers to get the best experience on desktops, tablets, and mobile phones.

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

Vue .js is a library for building interactive web interfaces. It provides MVVM data binding and a composable component system with simple, flexible APIs
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 replaces 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.

Here's the details of the vue bootstrap distinction.

Recommended good lessons: Vue2.x micro-class, bootstrap3 micro-class