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指向沒有進行替換。
   注意，其中一個爲不推薦的案例，即使用會導致錯誤問題的產生。