Vueuse

这个实现响应式的原理是 window下面有事件storage 代码如下

1
2
3
window.addEventListener('storage', ()=>{
    // do any thing 
})

dom下面可以自己定义事件代码如下

1
2
3
const el = document.createElement('div')
el.addEventListener('xxxx')
el.dispatchEvent(new CustomEvent('xxxx'))

js提供了MutationObserver 可以监听一些东西 ResizeObserver监听dom.size变化, 原生代码如下

1
2
new MutationObserver()
new ResizeObserver()