vue项目判断当前设备是移动端还是PC端

需求：PC端项目手机打开布局错乱。建议加个 mobile版的首页，给客户提示PC端登录
方案：当客户打开项目时，判断设备是移动端还是pc端。根据不同设备给vuex中的变量赋值，首页根据状态值条件判断显示页面哪一部分。（当然也可以设置两个站点，一个m.xxxx.com, 一个www.xxxx.com 前端依据浏览器是mobile还是pc来跳转）

在APP.vue中

	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);
		  if(flag){
				console.log('移动端打开');
		  }else{
		  	console.log("PC端打开")
		  }
	   }
  	},
	mounted(){
		this.isMobile();
	},