vue2.0实现自适应分辨率

可以通过使用CSS的媒体查询（media queries）来实现Vue 2.0的自适应分辨率。媒体查询可以根据设备的特定条件（如分辨率、宽度等）来应用不同的CSS样式。

首先，在Vue组件的样式中定义不同的CSS样式，以适应不同的分辨率。例如，可以定义两个不同的CSS类，分别用于大屏幕和小屏幕：

.big-screen {
  /* 大屏幕样式 */
}

.small-screen {
  /* 小屏幕样式 */
}

然后，在Vue组件的模板中，使用动态绑定的方式来根据当前设备的分辨率应用不同的CSS类。可以使用`window.innerWidth`来获取当前窗口的宽度，并在模板中使用条件渲染来切换CSS类：

<template>
  <div :class="{'big-screen': isBigScreen, 'small-screen': !isBigScreen}">
    <!-- 内容 -->
  </div>
</template>

在Vue组件的脚本中，定义一个计算属性来根据窗口宽度判断当前设备是否为大屏幕：

export default {
  computed: {
    isBigScreen() {
      return window.innerWidth >= 1024; // 假设大屏幕的最小宽度为1024px
    }
  }
}

这样，当窗口宽度大于等于1024px时，`isBigScreen`计算属性的值为true，Vue组件会应用`big-screen`样式；反之，当窗口宽度小于1024px时，`isBigScreen`计算属性的值为false，Vue组件会应用`small-screen`样式。

通过以上方法，可以实现Vue 2.0的自适应分辨率效果。