Vue中的watch+computed随记

watch

watch: {
                temp_list:{
                    handler(newName, oldName) { //特别注意，不能用箭头函数，箭头函数，this指向全局
                        console.log('深度监听',newName);
                    },
                    immediate: true,  //刷新加载 立马触发一次handler
                    deep: true  // 可以深度检测到 obj 对象的属性值的变化
                },
                style: function (val, oldVal) {

                },
        },

computed

//当模板中不使用totalScope，即使列表的学分发生改变之后，也不会走computed。
// 计算属性
        computed: {
                //totalScope 跟data类似 不可以在data中有相同的名称
                totalScope:function(){
                    let totalSumAll = 0;
                    //学分循环相加
                    this.temp_list.map((item) => {totalSumAll += item.param.max_scope})
                    return totalSumAll;
                },              
        }

详细可点击参考文章