Vue-cli
vue-cli(vue脚手架)的好处就在于使用
vue ui
在vue的ui上直接配置依赖、安装插件、启动服务。很舒适。
如果你发现安装总失败:大概率vue.js或者node.js版本不行。
在vue项目中使用echarts
echarts官网直接搞个example下来放在mounted()钩子函数中用是没问题的。但是你会发现在element ui等组件里面(比如弹窗)使用echarts因为懒加载等问题,就是出不来图。
解决方法:最好用的就是ref,直接上代码
<el-dialog title="图谱" :visible.sync="graphVisible" @opened="openGraph()">
<div id="main" ref="graph" style="width: 600px;height:400px;"></div>
</el-dialog>
var myChart = echarts.init(this.$refs.graph);
解决一切矫情。