vue3中 计算屏幕宽度

在Vue3中，可以通过以下方式计算屏幕宽度：

1. 使用window.innerWidth属性获取窗口宽度。

let screenWidth = window.innerWidth;

2. 使用window.screen.width属性获取屏幕宽度。

let screenWidth = window.screen.width;

3. 使用Vue3中的响应式数据，监听窗口宽度变化。

import { ref, onMounted, onUnmounted } from 'vue';

export default {
  setup() {
    const screenWidth = ref(window.innerWidth);

    const updateWidth = () => {
      screenWidth.value = window.innerWidth;
    };

    onMounted(() => {
      window.addEventListener('resize', updateWidth);
    });

    onUnmounted(() => {
      window.removeEventListener('resize', updateWidth);
    });

    return {
      screenWidth,
    };
  },
};

通过以上方法，可以在Vue3中计算屏幕宽度，并实现相应的响应式效果。