vue判断当前是PC端还是手机端，加载不同组件库

在Vue.js中，你可以通过JavaScript的条件语句和设备检测库来判断当前访问的是PC端还是移动端，然后动态加载不同的组件库。通常的做法是利用`navigator.userAgent`属性，这个属性包含了浏览器发送到服务器的User-Agent字符串，可以从中识别出设备类型。

以下是一个简单的示例：

export default {
  mounted() {
    const isMobile = /Mobi|Android/i.test(navigator.userAgent); // 使用正则表达式检测移动端
    if (isMobile) {
      this.loadMobileComponents(); // 负责加载手机端组件库
    } else {
      this.loadDesktopComponents(); // 负责加载PC端组件库
    }
  },
  
  methods: {
    loadMobileComponents() {
      import('./mobile-components.vue').then((component) => {
        this.$mount(component.default);
      });
    },
    
    loadDesktopComponents() {
      import('./desktop-components.vue').then((component) => {
        this.$mount(component.default);
      });
    },
  },
};

在这个例子中，如果用户代理包含"Mobi"或"Android"（常见于移动设备），就会加载`mobile-components.vue`；否则，会加载`desktop-components.vue`。当然，这只是一个基础示例，实际应用中你可能需要处理更复杂的场景，比如使用axios检查视口宽度或者其他特性。