vue判断移动端还是pc端显示不同组件

移动端和pc用了两套ui库 在不同设备显示不同组件

  mounted() {
        if (this._isMobile()) {
            alert("手机端");
            this.deviceType = 'mobile'
        } else {
            alert("pc端");
            this.deviceType = 'pc'
        }
    }

methods里面写判断移动端

  _isMobile() {
            let flag = navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)
            return flag;
        },

不同组件

 deviceType: '',