vue.js中如何实时获取某个div的offsetWidth的变化

在写vue的项目时，遇到这样一个问题，就是如果实时获取到一个div的offsetWidth的变化，查了很多资料使用element-resize-detector插件可以实现， 偶然间看到一个知乎上的简单回答，便记录下，借鉴于：https://www.zhihu.com/question/346607121/answer/827773405

 mounted() {
    const resizeObserver = new ResizeObserver(entries => {
           for (let entry of entries) {
              console.log(entry.target.offsetWidth)
              // 打印出entry.target 可以看到此处可以进行元素的各种变化的监听
              //此处直接写监听变化后要处理的逻辑即可
           }
       });
       resizeObserver.observe(document.querySelector('.monitorNodesJq'));
  },
  针对new ResizeObserver()的了解 可看 (https://www.mybj123.com/5432.html)