init

src/views/dashboard/default/index.vue

@@ -0,0 +1,5 @@
+<template>
+    <div class="dashboard-editor-container">
+        dashboard
+    </div>
+</template>

src/views/dashboard/index.vue

@@ -0,0 +1,38 @@
+<template>
+    <div class="dashboard-container">
+        <component v-bind:is="currentRole"> </component>
+    </div>
+</template>
+
+<script>
+    import { mapGetters } from 'vuex';
+    import DefaultDashboard from './default/index';
+    export default {
+      name: 'dashboard',
+      components: { DefaultDashboard },
+      data() {
+        return {
+          currentRole: 'DefaultDashboard'
+        }
+      },
+      computed: {
+        ...mapGetters([
+          'name',
+          'avatar',
+          'email',
+          'introduction',
+          'roles'
+        ])
+      },
+      created() {
+        if (this.roles.indexOf('admin') >= 0) {
+          return;
+        }
+        // const isEditor = this.roles.some(v => v.indexOf('editor') >= 0)
+        // if (!isEditor) {
+        //   this.currentRole = 'DefaultDashboard';
+        // }
+        this.currentRole = 'DefaultDashboard';
+      }
+    }
+</script>