vue 知识点撰写

vue 知识点撰写

1. 通过key来重新渲染组件，触发render函数 demo

    案例中：从现象说明
    组件挂载时，触发生命周期
    			[beforeCreated,created,beforeMounted,render,mounted]
    当组件render函数中，msg属性发生改变时，触发生命周期
    			[beforceUpdate,render,updated]
    当组件key属性发生改变时，触发的生命周期 <*代表新的组件>
    			[beforeCreated*,created*,beforeMounted*,render*,beforeDestoryed,destoryed,mounted*]
    当没有存在render中的count属性，发生改变时，不触发任何钩子函数。
   

2. vue中watch消抖，和方法消抖。demo

   在javascript中消抖，最容易出错的还是this的指向。
   在案例中使用了‘throttle-debounce’，
   	因为最后调用方法的还是vue实例去进行调用wrapper，因此this指向没有进行替换。
   注意，其中一个为不推荐的案例，即使用会导致错误问题的产生。