最终实现方案就是触发事件

<script>
import mdui from 'mdui';

export default {
  name: "MyHeader",
  data() {
    return {
      pageName: '首页',
      // 导航 后期从 API 获取
      nav_list:[
        {'name':"首页",'icon':"home",'path':"index"},
        {'name':"关于",'icon':"assignment_ind",'path':"about"},
        {'name':"归档",'icon':"widgets",'path':"filing"},
        {'name':"标签",'icon':"style",'path':"tags"},
      ],
      Drawer:{}
    }
  },
  methods:{
    DrawerToggle(){
      this.Drawer.toggle();
    }
  },
  created(){
    this.pageName = this.$route.meta.pageName;
    this.$nextTick(function(){
      this.Drawer =  new mdui.Drawer('#main-drawer');
    })
  }
};
</script>

VUE 的单页面模式，抽屉导航栏失效