Vue create方法调用echart的setOption，为什么echarts不会显示

Question

create:function(){
//echart相关配置项和代码
echarts.setOption(option);
}

echarts容器中已经有了canvas对象，但是页面并没有图表显示出来

Answer 1

涉及dom的操作，最好是在mounted里面。
甚至还要加上$nextTick()确保dom加载完成。
当然，数据，交互这部分可以先执行，只等DOM挂载完，直接初始化图表！

Answer 2

create的时候还没有挂载完成.页面上还没有dom.
所以无法初始化echarts

Answer 3

需要在mounted中，因为需要dom渲染完毕才可以找到元素，所以还需要加上$nextTick(),在这个里面调用函数

Answer 4

Vue create方法只是在数据封装阶段, dom还没有渲染, 所以这个时候你是取不到dom的