vue总结

1.使用cale() 计算时减号前后一定要有空格，否则不生效 

calc(100% - 54px)

2.之前做一个加载完数据默认选中表格/树 某项数据，还有echarts渲染等会出现问题，类似这种功能

但是没报错，也没成功

解决：  this.$nextTick(() => {}) 就好了 以后渲染没成功，也不报错可以试试把代码放在这个方法里面吧

3.再做添加编辑弹窗时，修改了数据没提交，table里面数据也改变了，因为是对象的引用

 解决：this.currData=Object.assign({}, obj)  这样this.currData就是一个新的对象了

但是如果你的obj属性里面包含对象或数组嵌套，那还还是不行的，最简单的方法就是使用JSON.stringify()/json.parse()方法转换，当然也可以写一个递归函数

4.样式不生效。很多时候想修改elementUI的一些样式不生效 尝试不加scoped就可以了，为了避免所有页面的相关样式都被修改可以 加上自己定义的类目+ 要修改的element class 

如：.centerDialog .el-dialog__title{}

在我的另一篇文章中也有提到：vue+element在IE中遇到的问题_Janeisme3L的博客-CSDN博客_element图片预览在ie上不能使用

5.使用 keep-alive 切换组件时，当前组件数据不会刷新重新请求，但有时候希望某些数据更新（比如在其他页面修改了该数据，但是当前页面并不会主动刷新）可以在  activated 方法中手动将需要更新的数据置为空，这时当需要数据时页面会重新请求

6.echarts 可以通过监听页面resize来自适应

绑定：window.addEventListener('resize', this.echartsResize)

解绑：window.removeEventListener('resize', this.echartsResize) beforeDestroy方法中

echartsResize(){
  if (this.chart) {
    this.chart.resize() //自适应
  }
}

但是图表中的字体大小、宽度等不会自适应，这个可以在自适应方法中设置变量实现【根据页面尺寸变化】

echarts资源下Gallery 有很有优秀的图表可以借鉴，【老版本在社区下】

目前就想到这么多。。。。