Get the App
SLTechnology News&Howtos  ›  Development  › 

Is there any conflict between vue and bootstrap

Shulou Source: shulou.com Published: 2022-06-01 06:36:01 10月04日 Update

This article mainly explains "there is no conflict between the use of vue 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 "there is no conflict between the use of vue and bootstrap".

There is no conflict between the use of vue and bootstrap; vue writing templates can use bootstrap to improve development efficiency, if you need to use together, you can use the BootstrapVue framework, which is a framework developed by bootstrap specifically for vue.

Operating environment of this tutorial: Windows10 system, bootstrap3.3.7 version, DELL G3 computer

Is there any conflict between vue and bootstrap?

Vue templates can be written with bootstrap to improve development efficiency.

If you want to use it together, it is recommended to use the BV framework, a framework specially developed by bootstrap for vue.

BootstrapVue is a front-end UI framework based on Bootstrap v4 + Vue.js. BootstrapVue as an introductory framework for learning the Vue.js framework itself, I think it is very good. The Bootstrap framework itself is lightweight, easy to learn, very popular around the world, and has many third-party plug-ins and theme styles. Vue.js as a progressive framework, the core library only focuses on the view layer, which is not only easy to use, but also easy to integrate with third-party frameworks or existing projects.

Installation steps for the BootstrapVue framework

Prepare to install Vue CLI

The Vue CLI package name has been changed from vue-cli to @ vue/cli. If you installed an old version of vue-cli (1.x or 2.x), you need to remove the old version first:

Npm uninstall-g vue-cli

Install the new version:

Npm install-g @ vue/cli

View the vue version:

Vue-version

If 3.x is displayed, the installation is correct.

Create a new Vue project

Vue create bootstrapvue-demo

When prompted for Please pick a preset, select the default default and enter.

Run the Vue project

Cd bootstrapvue-demonpm run serve thank you for your reading, the above is the content of "there is no conflict between the use of vue and bootstrap", after the study of this article, I believe you have a deeper understanding of the conflict between the use of vue 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: Framework conflict learning version project content efficiency template third party development good world theme front end name that is suggestions ideas situations plug-ins Apple Docker Huawei Linux macOS MariaDB Microsoft MySQL NVidia OPPO Reno macOS Xiaomi MySQL Linux vpn