Home  >  Article  >  Web Front-end  >  Is there any conflict between using vue and bootstrap?

Is there any conflict between using vue and bootstrap?

WBOY
WBOYOriginal
2022-03-09 17:21:557364browse

There is no conflict between the use of vue and bootstrap; you can use bootstrap to improve development efficiency when writing vue templates. If you need to use it in combination, you can use the BootstrapVue framework, which is a framework specially developed by bootstrap for vue.

Is there any conflict between using vue and bootstrap?

The operating environment of this tutorial: Windows 10 system, bootstrap version 3.3.7, DELL G3 computer

Is there any conflict between the use of vue and bootstrap

Vue writing templates can use bootstrap to improve development efficiency

If you want to use it in combination, it is recommended to use the BV framework  bootstrap is a framework specially developed for vue

BootstrapVue is based on Front-end UI framework for Bootstrap v4 Vue.js. As an introductory framework for learning the Vue.js framework itself, I think BootstrapVue is very good. The Bootstrap framework itself is lightweight, easy to learn, and very popular around the world with many third-party plugins and theme styles. As a progressive framework, Vue.js's core library only focuses on the view layer, which is not only easy to get started, but also easy to integrate with third-party frameworks or existing projects.

BootstrapVue framework installation steps

Preparation work, install Vue CLI

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

npm uninstall -g vue-cli

and then install the new version:

npm install -g @vue/cli

Check the vue version:

vue --version

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

New Vue project

vue create bootstrapvue-demo

When prompted Please pick a preset, select the default default and press Enter.

Run the Vue project

cd bootstrapvue-demo
npm run serve

Related recommendations: bootstrap tutorial

The above is the detailed content of Is there any conflict between using vue and bootstrap?. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn