Vue.js 如果以小分辨率或移动vue js打开，则显示导航图标

我有一个问题，如果在手机屏幕上打开导航图标，如何显示导航图标， 这是下面的代码

export default {
  data () {
      return {
        navIcon:false
      }
  },
  computed:{

  },
  methods:{
    reversedMessage: function () {
      return this.navIcon=true
    },
    test:function(){
      if(screen.width < 960){
        return this.navIcon=true
      }
    }
  }
}

导出默认值{
数据（）{
返回{
纳维孔：错
}
},
计算：{
},
方法：{
反向消息：函数（）{
返回此值。navIcon=true
},
测试：函数（）{
如果（屏幕宽度<960）{
返回此值。navIcon=true
}
}
}
}

在CSS中使用媒体断点，或者如果您不想这样做，只需使用这个vuevue断点插件即可。这将节省您应用逻辑的时间。根据您的要求使用show at和hide at以及断点

我认为这应该通过css来完成