学习Vue watch时自己挖的一个坑（虽然根因和watch无关）

美滋滋写了一段代码：

    
    
    


    
watch
    

    

        
今日温度，{{temperature}}
        
穿衣建议，{{suggestion}}
        
addminus
    
    

效果如下：

image.png

然后我想加个功能，根据温度变化，穿衣建议的内容可以自动更新，所以就加上了这段代码：

            watch:{
                temperature:function(newVal,oldVal){
                    if(newVal>=26){
                        this.suggestion=suggestion[0];
                    }else if(newVal<26 && newVal >=0)
                    {
                        this.suggestion=suggestion[1];
                    }else{
                        this.suggestion=suggestion[2];
                    }
                }
            }

当然，也没忘记在script里面，加上提醒文字的数组定义：

var suggestion=['aaa','bbb','ccc'];

然后效果就：

image.png

什么鬼？？？
仔细检查了每一行代码，都没问题啊！
贴上我修改后的代码全文：

    
    
    


    
watch
    

    

        
今日温度，{{temperature}}
        
穿衣建议，{{suggestion}}
        
addminus
    
    

看到端倪了么？倒数第四行多了个逗号,
把}),改成})之后，问题解决。。。
我是啥时候多敲了一个逗号的。。。