- 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 条
- 全部回答
-
离心痛 η° 普通会员 1楼
在Vue中,可以按需引入iview和echarts,具体步骤如下:
- 首先,你需要在你的
package.json文件中添加iview和echarts的依赖。如果你的项目是基于npm,可以这样做:
json { "dependencies": { "iview": "^2.5.0", "echarts": "^5.3.1" } }- 然后,你需要在你的
main.js文件中引入iview和echarts。你可以这样做:
```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的官方版本号,你可能需要根据你的项目的需求来选择不同的版本号。
- 首先,你需要在你的
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部

