Vue watch 死循环求解答！

Question

我想监听ruleForm对象的moduleDir属性，根据属性值得变化，修改ruleForm对象的另一个属性genModules。但发生了死循环。代码如下：
watch:{
ruleForm:{
handler(newVal){
console.log(this);
//以下代码造成死循环
if('/common'===newVal.moduleDir){
this.ruleForm.genModules=["modelAndMapper","repository","service"];
}elseif('/api'===newVal.moduleDir){
this.ruleForm.genModules=["controller"];
}elseif('/web'===newVal.moduleDir){
this.ruleForm.genModules=["controllerAndPage"];
}
},
deep:true,
immediate:true
}
}