vue项目如何引入第三方UI,vue项目如何引入echarts

　　本文主要介绍如何在Vue项目中引入bootstrap、elementUI和echarts。通过示例代码详细介绍，对大家的学习或工作有一定的参考价值，有需要的朋友可以参考一下。

　　引入bootstrap

　　安装依赖包

　　cnpm安装引导程序-保存-开发

　　安装jquery - save-dev

　　安装popper.js - save-dev

　　全球介绍

　　将以下代码添加到项目根目录下的main.js中：

　　导入“引导”

　　从“jquery”中导入$

　　在vue文件中引用

　　脚本

　　导入 bootstrap/dist/CSS/bootstrap . min . CSS

　　导入 bootstrap/dist/js/bootstrap . min . js

　　/脚本

　　引入elementUI

　　安装元素UI

　　打开终端并输入以下内容

　　npm i元素-ui -S

　　全球介绍

　　将以下代码添加到项目根目录下的main.js中：

　　从“element-ui”导入ElementUI

　　导入“element-ui/lib/theme-chalk/index . CSS”；

　　Vue.use(ElementUI)

　　引入echarts

　　安装电子海图

　　npm安装echarts -S

　　2.全球引入main.js

　　//介绍电子海图

　　从“电子海图”导入电子海图

　　Vue.prototype.$echarts=echarts

　　这就是本文的全部内容。希望对大家的学习有帮助，支持我们。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。