Vue 优化技巧
基础优化
class 动态值为数组时，这个数组可以是字符串值域对象值的组合
javascript
const arr = [
// 字符串
'foo bar',
// 对象
{
baz: true
}
]watch 初始化执行函数替换
javascript
// 原代码：
created() {
this.getLimitData()
},
watch: {
refresh(val) {
if (val) {
this.getLimitData()
}
}
},
// 优化代码：
watch: {
refresh: {
// handler: 'getLimitData', // 适合监听值改变就调用（包括空值情况）
// deep: true, // 该回调会在任何被侦听的对象的 property 改变时被调用，不论其被嵌套多深
handler: function (val, oldVal) {
val && this.getLimitData() // 前提 val 属于基本类型（数字特殊，已知这个 val 是布尔类型）
},
immediate: true, // 该回调将会在侦听开始之后被立即调用
}
}