vue监听页面电脑端用<img src="../assets/1.jpg" style="height: 100%;width: 100%">，手机端就用<img src="../assets/2.jpg" style="height: 100%;width: 100%">

在Vue中，为了实现电脑端和手机端图片的动态切换，你可以利用JavaScript的媒体查询（Media Queries）配合条件渲染。首先，定义两个`<img>`标签，分别代表电脑和手机端的图片：

<template>
  <div>
    <img :src="isMobile ? './assets/2.jpg' : './assets/1.jpg'" :style="{ height: '100%', width: '100%' }">
  </div>
</template>

<script>
export default {
  data() {
    return {
      isMobile: Boolean(window.innerWidth < 768), // 假设768px作为移动端的分界线，可根据实际需要调整
    };
  },
};
</script>

在这个例子中，`isMobile`数据绑定到`window.innerWidth`小于768像素的判断上。当窗口宽度小于768px时，`isMobile`为`true`，显示手机端的图片；反之则显示电脑端的图片。`:style`属性会根据`isMobile`的值动态设置图片的高度和宽度都占满容器。