小案例

渲染列表并点击控制acitive类 排它思想

进度条案例

filter方法 删除按钮通用

提交后台的删除方法

reduce方法 计算属性

坑！！！！！！！！！！！！！

商品加减

全选反选

计算属性+reduce 计算商品总价 总数

自动获取焦点 后续有$next.Tick(()=>{配合$refs.inp.focus()})

非空判断

获取完数据重新请求渲染 渲染完清空输入框

函数局部作用域 另一个函数访问不到 直接挂载到vue实例（this）上

渲染echart图表

method里面this.myChart.setOption 里面的内容只更新关键信息即可 但是格式要对

({ series: [ { data: },],})

map方法隐射新的数据 data：[{}]