vue 判断是移动端、PC端（ js文件）

问题：当多个文件调用同一个方法时，不可能在每个文件中都写一遍这个方法吧？所以就用到了复用的方法！引入一个外部的方法文件就可以了；

那在vue3前的时候，怎么写怎么来，是不是在vue3时却不管用了？没关系，还有我，尽管我对vue的使用很少，但作为一个后端的我，思想还在的嘛！文章是死的，人是活的嘛！闲话少说，来，开始我们的骚操作，把你们的闷骚气发挥出来，这样才能飞嘛！

1、文件目录：

2、自定义js文件：isMobile.js

//true: mobile, false: PC
export function isMobile() {
	let flag = {
		versions: function() {
			var u = navigator.userAgent;
			return {
				win: u.indexOf('Windows') > -1,
				mobile: !!u.match(/AppleWebKit.*Mobile.*/),
			};
		}()
		//language: navigator.language.toLowerCase()  
	}
	return flag;
}
//test 
export function test(){
	alert("hello world!");
}
 

3、App.vue文件

<template>
	<div id="app">
		<header-view/>
		
		<img alt="Vue logo" src="./assets/logo.png">
		<HelloWorld msg="我是App.vue"/>
		<router-view/>
			<button @click="gogo">点我</button>
			<p>哈哈</p><p>哈哈</p>
            <button @click="gogo2">点我测试</button>
            <p>哈哈</p><p>哈哈</p>
			<p>哈哈</p><p>哈哈</p><p>哈哈</p><p>哈哈</p><p>哈哈</p><p>哈哈</p>
			<p>哈哈</p><p>哈哈</p><p>哈哈</p><p>哈哈</p><p>哈哈</p><p>哈哈</p>

		<footer-view/>
	</div>
</template>

<script>
import Header from './views/common/header.vue'	
import Footer from './views/common/footer.vue'	
import HelloWorld from './components/HelloWorld.vue'
import { test } from '../public/js/isMobile.js'
import { isMobile } from '../public/js/isMobile.js'
export default {
  name: 'app',
  metaInfo: {
	title: '首页',
	//titleTemplate: '%s | 我的Vuejs网站'
  },
  components: {
    HelloWorld,
	'header-view':Header,
	'footer-view':Footer,
  },
  methods: {
	  gogo(){
		 console.log(isMobile());
	  },
      gogo2(){
		 test()
	  }
  }
}
</script>

<style>
	body,img,ul,li,p{padding:0;margin:0;border:0;}
	#app {font-family: 'Avenir', Helvetica, Arial, sans-serif;
	  -webkit-font-smoothing: antialiased;
	  -moz-osx-font-smoothing: grayscale;
	  text-align: center;
	  color: #2c3e50;
	}
</style>

4、测试过程与结果：

少年，会废了吗！

我还是从前那个少年   没有一丝丝改变   时间只不过是考验   种在心中信念丝毫未减      嘿！