Vue中的watch+computed随记

  • 407

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;
                },              
        }

详细可点击参考文章

历史上的今天
5月
25
weinxin
我的微信
这是我的微信扫一扫
开拓者博主
  • 本文由 发表于 2021年5月25日14:19:00
  • 转载请务必保留本文链接:https://www.150643.com/557.html
匿名

发表评论

匿名网友 填写信息