The difference between bootstrap and vue

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

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.

The difference between bootstrap and vue

BootStrap:

Features grid system, simple to use, easy to get started. Professional Born for responsive pages. One set of code can adapt to tablets and PCs.

The disadvantage is that it lacks a powerful set of systematic components (it was not available at the time of the survey, but it is said that it is now) , when I actually used it, the problem of scope conflict occurred. If a complete set of components is not sorted out, development will be very tiring.

Related recommendations: "bootstrap Tutorial"

Vue:

The characteristic is that, standing on the shoulders of React, it is better in many aspects:

1. Two-way binding of data. Data change, The page changes. When the page changes, the data also changes.

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

3. Componentization (actually React also has componentization). This is similar to BootStrap The concept of componentization is a bit different. Vue's componentization has solved the problem of scope conflicts. In addition, js testing has become more professional (somewhat similar to junit).

4. Single html development. Its development mode is an html, and then continuously replaces the js corresponding to the component to switch the display effect. The common js and css in html only need to be downloaded once, which is theoretically faster than the rendering of Iframe pages.

5. Combined with webpack provided by node.js, it can be packaged and released systematically.

The disadvantage is that it is difficult to get started, and large-scale development requires systematic development. Accumulation. It is recommended to use Element for component development of Vue: http://element.eleme.io/#/zh-CN/component/popover

Conclusion:

For long-term considerations, it is recommended to use Vue. For short-term use, BootStrap is a good choice.

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