直接上代碼，最直觀了

//初始化
data(){
  return{
    isMobile: false,
  }
}
created(){
     window.addEventListener('resize', this.checkMobile);
     this.checkMobile(); // 初始化時(shí)進(jìn)行一次判斷   
}
destroyed() {
   window.removeEventListener('resize', this.checkMobile);
},
methods: {
   checkMobile() {
      this.isMobile = window.innerWidth <= 767;
      console.log(this.isMobile)  
   }
},

手機(jī)端isMobile是true否則就是false

vue 引用方法為：

<div v-if="isMobile">手機(jī)端</div>
<div v-else>非手機(jī)端</div>