Vue面试问题
vue響應式原理
參考: https://www.cnblogs.com/fundebug/p/responsive-vue.html
Object.defineProperty實現
Vue通過設定對象屬性setter/getter方法來監聽數據的變化,通過getter進行依賴收集,
而每個setter方法就是一個觀察者,在數據變更的時候通知訂閱者更新視圖.
vue的生命周期
beforeCreate,created
beforeMount,mounted
beforeUpdate,updated
activated,deactivated
beforeDestory,destoryed
activated: 當頁面重新顯示的時候執行. 搭配keep-alive,localStorage和臨時變量做頁面性能優化.
deactivated: 當頁面即將被隱藏或替換其他頁面時執行. 可以用來解綁在activated上綁定的全局事件.
mounted: 是掛載vue實例后的鉤子函數,鉤子在主頁掛載時執行一次. 如果沒有緩存的話,再次回到主頁時,此函數還會執行.
activated: 是組件被激活后的鉤子函數,每次回到頁面都會執行.
vue $nextTick原理,事件機制
參考: https://www.jianshu.com/p/a7550c0e164f
組件傳值
參考: https://juejin.cn/post/6844903845642911752
var Event = new Vue()
Event.$ emit(事件名, 數據)
Event.$ on(事件名, data => { })
vuex
參考: https://vuex.vuejs.org/zh/
vue-router
參考: https://rou
總結
- 上一篇: 【mysql】phpstudy8打开My
- 下一篇: hive metastore日志中报错m