如何在vue2.0项目中引用element-ui和echart.js

Posted karila

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何在vue2.0项目中引用element-ui和echart.js相关的知识,希望对你有一定的参考价值。

  1.1直接在packjson 里面的 dependencies 配置

  "element-ui": "^1.3.3",

  "echarts": "^3.5.3",

  然后在npm install。

  或者直接npm install element-ui --save。我如果直接npm install echart.js --save会报错。不晓得什么原因。有会用的大牛麻烦告知一下

2 如何用element-ui和echart.js

  2.1 elemnt-ui只需在main.js里添加

  import ElementUI from ‘element-ui‘

  import ‘element-ui/lib/theme-default/index.css‘

  Vue.use(ElementUI);

  2.2 对于用到echart的页面,哪个页面用到就在哪个页面引import echarts from "echarts"

以上是关于如何在vue2.0项目中引用element-ui和echart.js的主要内容,如果未能解决你的问题,请参考以下文章

vue2.0+按需引入element-ui报错

Vue2.0 + Element-UI + WebAPI实践:简易个人记账系统

vue2.0+Element-ui实战案例

实战项目:基于Vue第三方库element-ui实现的金融后台管理系统

vue2.0 element-ui中input的@keyup.native.enter='onQuery'回车查询刷新整个表单的解决办法

vue2.0 element-ui中el-upload的before-upload方法返回false时submit()不生效解决方法