1.下载echarts第三方的包。
2.可以选择全局注册引入,或者页面引入,在echarts官网可以看到不同引入方法的代码 。
个人建议用的不多的话,可以按需引入的呀,封装成组件需要引入使用即可。
3.在src目录下创建一个echarts文件夹,下面新建index.vue页面。给一个div,并且给定固定宽高 。如下代码哦~~(我这里涉及到一点传值问题,可所以可以忽略模版字符串部分)
4.在官网上找到自己需要的echarts表格,放入script标签内methods内,用函数包住,并且调用函数,即可使用。(记得引入echarts哦~~)
5.在父组件内使用echarts组件,记得引入-注册-使用哦~
//扩展--父组件中ref/---this.$refs.名字.$data可以拿到子组件data中的内容 。
子组件的this.$props 可取父组件传递过来的值 。