[Vue.js] Vue에서 isMobile 모바일 구분 사용하기

1. 패키지 설치

npm install vue-mobile-detection --save

 

 

2. 컴포넌트 import 세팅

main.js 또는 app.js 에 (프로젝트 설정에 맞게)

import VueMobileDetection from 'vue-mobile-detection'
Vue.use(VueMobileDetection)

 

 

3. 사용

<template>
  <div id="app">
    <div v-if="$isMobile()">MOBILE</div>
    <div v-else>DESKTOP OR TABLET</div>
  </div>
</template>

<script>
export default {
  created() {
    console.log(this.$isMobile())
  }
}
</script>