3.8 watch机制:监听变量值

当组件某些重要的属性发生改变的时候，页面内容需要跟着改变，vue提供了一种监听变量的机制。watch的位置和methods，created这些函数地位相当，没有顺序要求：
export default{
    name:"Good",
    props:["courseId","code","id"],
    data(){
        return{
            chapters:[],
            currentCode:"",
            hideMenu:true,
            loading:true
        }
        ;
    },
    watch:{
        code:"test",
    },
    methods:{
        test:function(){
            console.log("code发生了变动");
        }
    }
}
watch的机制就是时刻注意属性code的值，一旦code有变动，就调用函数test。上面的例子中，code是组件Good的一个属性（第3行代码）。
例如本页面，点击左边的菜单的章节的时候，右边课程内容发生改变，就是watch机制