vue2 判断是移动端还是pc端 如果是移动端就显示另一套代码

第一步 引入

import MobileComponent from './MobileComponent.vue'; // 假设你有一个为移动设备封装的组件 

第二步 注册

export default {  
  components: {  
    MobileComponent  
  }, 

第三步使用  要用 v-if="isMobile" 判断是否显示

   <!-- 如果 isMobile 为 true，则显示 MobileComponent；否则显示正常内容 -->  
    <MobileComponent v-if="isMobile" /> 

第四步  在computed 里使用正则表达式 判断设备

  computed: {  
    isMobile() {  
      // 使用正则表达式检测用户代理是否包含常见的移动设备关键字  
      const userAgent = navigator.userAgent.toLowerCase();  
      return /mobile|android|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(userAgent);  
    }  
  }