Vue - 实时监听浏览器窗口宽高变化

前言

有时页面需要根据浏览器宽高进行样式或逻辑的变化，这时候就需要 实时 获取浏览器窗口宽高。

解决方案

在生命周期钩子函数 mounted() 中通过 document.body.clientWidth | document.body.clientHeight 获取浏览器宽高，然后通过 window.onresize 监听浏览器窗口变化，当变化时修改 data() 变量来实现。

  
  	当前宽度: {
  { screenWidth }}