在app.js中导入Bootstrap css会中断当前样式vuejs

在app.js中导入Bootstrap CSS可能会中断当前样式的原因是因为在Vue.js中，默认情况下，CSS样式只作用于组件的作用域内，而不会影响到全局样式。当你在app.js中导入Bootstrap CSS时，它会被视为全局样式，可能会与当前组件的样式产生冲突，导致样式中断。

解决这个问题的一种方法是将Bootstrap CSS的导入放在组件的<style>标签内，以便让它仅在该组件中生效，而不会影响其他组件的样式。另外，你也可以使用Vue.js的CSS作用域或CSS Modules来隔离样式，以避免样式冲突。

关于Bootstrap CSS的概念：Bootstrap是一个开源的前端框架，提供了一系列的CSS样式和JavaScript组件，用于快速构建响应式和移动优先的网页和应用程序界面。它具有简洁、灵活、易用的特点，广泛应用于Web开发中。

关于Vue.js的CSS作用域：Vue.js的CSS作用域是通过给组件的<style>标签添加scoped属性来实现的。添加了scoped属性的样式只会作用于当前组件的DOM元素，不会影响到其他组件的样式。

关于CSS Modules：CSS Modules是一种将CSS样式模块化的方法，它通过将样式文件与组件关联起来，使得每个组件的样式具有唯一的命名空间，避免了样式冲突的问题。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云容器服务（Tencent Kubernetes Engine）：提供弹性、高可用的Kubernetes容器集群管理服务，适用于云原生应用的部署和管理。了解更多：https://cloud.tencent.com/product/tke
• 腾讯云CDN（内容分发网络）：为用户提供快速、安全的静态和动态内容分发服务，加速网站、应用和视频等内容的访问速度。了解更多：https://cloud.tencent.com/product/cdn
• 腾讯云数据库MySQL版：提供稳定可靠的云数据库服务，支持高可用、弹性扩展，适用于各种规模的应用。了解更多：https://cloud.tencent.com/product/cdb_mysql
• 腾讯云云服务器（CVM）：提供灵活可扩展的云服务器实例，适用于各种计算场景和应用。了解更多：https://cloud.tencent.com/product/cvm

请注意，以上链接和产品仅作为示例，并非真实推荐，由于不能提及具体的品牌商，真实推荐的产品应根据实际需求和条件选择。