js如何判断设备是移动端还是pc端

由于最近要写一个vue项目，同时适配移动端和pc端。考虑到一些功能在移动端和pc端需要使用不同的插件来实现，所以需要进行判断。

于是本人在assets > js目录下新建了一个isMobile.js：

function isMobile() {
  let mobile = 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 mobile!= null
}
export {isMobile}

export 导出；
在需要判断设备的组件中引入：

import {isMobile} from '../assets/js/isMobile'

使用：

data: function(){
  return {
    isMobi:false,//true代表移动端，false代表pc端（可以结合v-if来控制某些html元素在不同设备上的显示与否）
  }
},
mounted(){
  this.isMobi=isMobile()
  //console.log(this.isMobi,'this.isMobi')//可以打印出来看看判断是否正确
  if(this.isMobi){
    //假如是移动端，进行一些操作
  }
}