1.背景公司给我分配了一个任务是做一个大屏项目，类似于监控中心那种。页面内容比较简单，最下面是两个柱状图，柱状图是多维度的，而我也是第一次在项目中使用echarts，记录一下此次过程。2.开始2.1安装echartsnpm install echarts --save2.2在页面中引入echartsimport echarts from 'echarts'2.3创建echarts渲染所需要的DOM

实战准备1.环境准备与项目安装node 8.12npm 6.4.1vue 2.5.17webpack 4.19nuxt 2.0.01. npm install -g npx2. npx create-nuxt-app mt-app辅助工具安装与配置改装让项目支持es6语法的步骤 第一步要先在package.json中添加--exec babel-node{...

首先，我们先使用vue-cli创建一个初始化的vue项目。vue create hello-world当项目创建好以后，我们在根目录下新建一个vue.config.js，想必大家也都懂这个文件是干什么的。既然是使用postcss-pxtorem对移动端项目进行适配，那肯定先要安装它，于是我们在电脑上敲下这行命令npm install postcss-pxtorem -Dpostcss-pxtore

首先，将一个普通的element-plus中的table组件引入进来，表格数据源就是我们通过父组件传递进来的data，所以我们使用defineProps来定义，并且它的数据类型是一个数组；同时我们遵循单向数据流的原则，使用lodash中的深拷贝方法将data拷贝一份出来赋值给变量tableData，将tableData传递给element-plus中的table组件，用来渲染数据。第一步完成了，我