今天学习了vue的一些原理、指令等

14. watch监视器：可以监视属性的变化，计算属性同样可以监视，也可以用vm.$watch('info'，{配置，func})

    形式以及一些配置

    要监听的值info:{函数(newValue,oldValue), immediate:true//是否立即执行}

    当监视属性变化时，回调函数自行调用，进行相关操作，而且监视对象必须是存在的值，否则不报错，但是new和oldValue都是undefined。

    监视的对象是指针的内存空间，当监视对象时，只要内存地址不变，数据变化是不提示的，所以需要深度监视。Vue中的watch默认不检测对象内部值的改变（一层），

    深度监视：配置一个 deep:true,watch就可以监视多级结构中所有属性的变化（多层）

    vue自身可以监测对象内部值的改变，但是vue提供额watch默认不可以；使用watch时根据数据的具体结构，决定是否采用深度监视

    不需要immediate和deep时可以简写：

    • watch里面：监视属性info(newValue,oldValue){要执行的逻辑}

    • vm.$watch('info'，func(){逻辑})，vue管理的函数不能用箭头函数，这样this会指向window

    computed能完成的功能，watch一定能完成；但是watch能完成的，computed不一定能完成，例如watch里面可以进行异步操作（比如定时器）

    

    这里面setTimeout用的是箭头函数，是因为箭头函数不是vue所管理的，而是由window管理的，写成箭头函数形式，他就没有自己的this，会往外找，那么就找到了firstname——这个vue所管理的函数，firstname的this指向的是vue实例。

    如果写成普通函数，那么由于setTimeout的管理者是window，它的this就会直接指向window了