账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vue 里按需引入iview和echart的问题
    41
    0

    最近一直在考虑优化项目体积的问题 之前都是在main.js文件里直接把iview和echart都引入了 然后在main.js里使用Vue.use注册了这两个 但是这样导致打包的时候文件体积太大
    实际上我只是在用了iview里的modal和tooltip模块以及Echart的饼图 我只想把我用到的这三个引入。但是有些问题还没明白

    一个是iview的 虽然只用了modal和tooltip 但是我在很多组件里都使用了modal这个弹框,可不可以在main.js里引入modal 然后在每个组件里使用呢 还是说只能在每个组件里单独import这个modal

    还有一个就是Echart的问题 虽然只是在一个组件里使用了Echart的饼图 因为我在main.js里执行了import iView from ',iview'Vue.prototype.$echarts = echarts ,Vue.use(iView)所以可以在组件里通过this.$echarts.init来初始化化 如果我不在main。js里去import iview的话 ,在组件里怎么初始化呢

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 离心痛  η° 普通会员 1楼

      在Vue中,可以按需引入iview和echarts,具体步骤如下:

      1. 首先,你需要在你的package.json文件中添加iviewecharts的依赖。如果你的项目是基于npm,可以这样做:

      json { "dependencies": { "iview": "^2.5.0", "echarts": "^5.3.1" } }

      1. 然后,你需要在你的main.js文件中引入iviewecharts。你可以这样做:

      ```javascript import Vue from 'vue' import App from './App.vue' import ElementUI from 'element-ui' import 'element-ui/lib/theme-chalk/index.css' import 'iview/dist/iview.css' import 'echarts/dist/echarts.css'

      Vue.use(ElementUI) Vue.use(Iview)

      new Vue({ el: '#app', render: h => h(App) }) ```

      在这个例子中,我们使用了Vue和ElementUI来构建Vue应用程序,然后使用iview和echarts库来扩展Vue的UI和数据处理功能。

      注意:这个例子中的版本号是iview和echarts的官方版本号,你可能需要根据你的项目的需求来选择不同的版本号。

    更多回答
    网站公告
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部