日常随笔（一）

1、vue 中 prop 传的值，在子组件中不可以去改变这个值！

解决方法：外面在去包一层这个（newCurrentRow）

2、vue watch 深度监听（监听对象里的某个属性）涉及连锁数据之间的相互关联以及牵一发动全身的这场场景

watch: {
    'formItem.id' (newVal, oldVal) {
        console.log(newVal, oldVal)
    }
}

3、异步处理数据之 axios

// Axios 是一个基于promise 的HTTP 库，可以用在浏览器和nodejs中
// Axios 强大的一点是可以执行多个并发的请求

getData () {
    let http_list = []
    let response = []
    let self =this
    this.data.forEach(item => {
        item.taskList.forEach((ins, index) => {
            http_list.push(self.getTaskTradeData(ins))
            response.push('res' + index)
        })
    })
    // 异步发起请求
    axios.all(http_list).then(axios.spread(function (...response) {
        // 两个请求现在都执行完成
        // console.log(...response)
        self.data.map(io => {
            return io.taskList.map(item => {
                return response.map(ins => {
                    if (ins.data.length > 0) {
                        if (item.id === ins.data[0]['taskId']) {
                            item.baseAsset = ins.data[0].baseAsset
                            item.quoteAsset = ins.data[0].quoteAsset
                        }
                    }
                    return item
                })
            })
        })
        self.data = JSON.parse(JSON.stringify(self.data))
    }));
}

后续会经常更新···

日常随笔（一）

推荐阅读