Vue 项目知识点（三）

1. 使用 elementUI 中的 el-radio-group 回显后端数据时，需要将 v-model 的值的类型与回显数据类型相对应，否则无法回显出选中的效果
2. setInterval()每执行一次，则返回一个唯一id。所以setInterval()执行了n次，那么需要调用clearInterval()也是n次。出现clearInterval()失效的情况，请查看每次调用setInterval()是否都clearInterval()了。
3. 在页面的mounted方法中使用 window.变量名=this 可用于线上调试，即将当前页面的数据保存在 window.变量名中，可在控制台查看。
4. 在main.js中，可全局import 引入插件，再全局注册Vue.use()，就可在任意页面直接使用，不用再重复引入注册。也可引入全局的 js 方法，将其放到Vue实例上Vue.prototype.util=util。
5. 当出现自适应问题时，可以使用媒体查询结合zoom属性，改变百分比大小
6. 当多个条件切换下 el-table 数据无法展示时，使用 v-if 可强制展示
7. 需要将数组中数据的值求和，可使用 reduce 方法。

arr.reduce((pre,item)=> pre+item.length,0)

8. 箭头函数

let f = v => v;
// 等同于
let f = function (v) {
  return v;
};

不写 {}表示直接返回那一个值

// 报错
let getTempItem = id => { id: id, name: "Temp" };

// 不报错
let getTempItem = id => ({ id: id, name: "Temp" });

当直接返回一个对象时，由于大括号被解释为代码块，必须在对象外面加上括号

变量解构
const full = ({ first, last }) => first + ' ' + last;
// 等同于
function full(person) {
  return person.first + ' ' + person.last;
}