Vue.js 怎么在手机上隐藏控件啊？可以用媒体查询和CSS搞响应式设计，根据视口大小来应用不同的样式规则。以下是几种在Vue.js中实现移动端隐藏控件的方法：

1. 使用CSS媒体查询

在你的CSS文件中，定义一个媒体查询，当屏幕宽度小于特定值时，隐藏元素。

/* 例如，当屏幕宽度小于768px时隐藏 */
@media (max-width: 767px) {
  .hide-on-mobile {
    display: none;
  }
}

然后在Vue模板中，给需要隐藏的控件添加hide-on-mobile类：

<div class="hide-on-mobile">
  <!-- 这个内容在移动端会被隐藏 -->
</div>

2. 使用内联样式

你也可以直接在Vue模板中使用内联样式，并结合三元表达式根据屏幕尺寸动态设置样式：

<div :style="isMobile ? 'display: none;' : ''">
  <!-- 这个内容在移动端会被隐藏 -->
</div>

在Vue实例的data函数中返回一个isMobile变量，并在mounted钩子中检测屏幕尺寸：

data() {
  return {
    isMobile: false,
  };
},
mounted() {
  this.isMobile = window.matchMedia('(max-width: 767px)').matches;
},

3. 使用第三方库

可以使用像vue-responsive这样的第三方库来更简单地实现响应式设计。首先，安装库：

npm install vue-responsive

然后，在Vue组件中使用：

import Vue from 'vue';
import VueResponsive from 'vue-responsive';

Vue.use(VueResponsive);

在模板中，使用v-show-mobile或v-hide-mobile指令：

<div v-hide-mobile>
  <!-- 这个内容在移动端会被隐藏 -->
</div>

4. 使用计算属性

创建一个计算属性来判断是否是移动设备，并根据这个属性来决定是否显示元素：

computed: {
  isMobileDevice() {
    const userAgent = navigator.userAgent.toLowerCase();
    return /mobile|iphone|ipod|android/.test(userAgent);
  }
}

然后在模板中使用：

<div v-if="!isMobileDevice">
  <!-- 这个内容只在非移动设备上显示 -->
</div>

选用哪个方法要看你具体需求和项目咋整。简单地藏起来东西，用CSS媒体查询最顺手和高效。要是需要更精细点的响应式操作，考虑用计算属性或者找个第三方库也是个好办法。随便你啦！