我想监听ruleForm对象的moduleDir属性，根据属性值得变化，修改ruleForm对象的另一个属性genModules。但发生了死循环。代码如下：

watch: {
    ruleForm: {
        handler(newVal) {
            console.log(this);
            //以下代码造成死循环
            if ('/common' === newVal.moduleDir) {
                this.ruleForm.genModules = ["modelAndMapper", "repository", "service"];
            } else if ('/api' === newVal.moduleDir) {
                this.ruleForm.genModules = ["controller"];
            } else if ('/web' === newVal.moduleDir) {
                this.ruleForm.genModules = ["controllerAndPage"];
            }
        },
        deep: true,
        immediate: true
    }
}