如何在vue项目中引入bootstrap样式

1.首先，修改package.json文件

默认创建好的package.json的dependencies中只有两个依赖

image.png

然后我们引入bootstrap相关的依赖

2.然后，修改router路径下的main.js

补充情况为下图所示

image.png

3.为了直接全局使用，我们可以直接在App.vue中引入bootstrap样式

<script>
  import 'bootstrap/dist/css/bootstrap.css'
  import 'jquery/dist/jquery.min'
  import 'bootstrap/dist/js/bootstrap.min'
  export default {
    name: 'App'
  }
</script>

到这里就完成了bootstrap的引用了，希望对你能有帮助哦