vue 拿去设备宽度

在Vue中获取设备的宽度可以通过使用window.innerWidth属性来实现。window.innerWidth表示浏览器窗口的宽度，不包括滚动条和边框的宽度。

在Vue的生命周期钩子函数中，如mounted或者created中，可以通过直接访问window.innerWidth来获取当前设备的宽度。例如：

export default {
  mounted() {
    const deviceWidth = window.innerWidth;
    console.log('设备宽度为：', deviceWidth);
    // 对设备宽度进行相应的处理
  }
}

上述代码中，mounted函数会在组件挂载到DOM之后执行，此时可以获取到window.innerWidth属性的值，从而获取设备的宽度。可以进一步根据设备宽度进行相应的处理，比如响应式布局或者适配。

需要注意的是，由于window.innerWidth是窗口尺寸，在使用时需谨慎考虑浏览器窗口尺寸的变化情况，可以通过监听resize事件来不断更新设备宽度。

总之，在Vue中获取设备宽度可以直接通过window.innerWidth获取，然后根据需求进行相应的处理。