调整代码

Author: kuangshp

src/components/app-header/AppHeader.vue

@@ -52,9 +52,9 @@ import { IViewState } from '@/store/view';
 export default class AppHeader extends Vue {
   @State private viewStore!: IViewState;
   @Action('viewStore/toogleSidebar') private toogleSidebar!: () => void;
-  @Provide() private username: string = '';
+  private username: string = '';
 
-  @Provide() private logout(): void {
+  private logout(): void {
     storage.removeItem(OperatedProduct);
     this.$router.push({ name: 'login' });
   }

src/components/app-sidebar/AppSidebar.vue

@@ -61,17 +61,13 @@ import { menus } from '@/statics/menus';
   components: {},
 })
 export default class AppSidebar extends Vue {
-  @Provide() private data() {
-    return {
-      menus,
-      isCollapse: false,
-    };
-  }
+  private menus: any[] = menus;
+  private isCollapse: boolean = false;
 
-  @Provide() private handleOpen(key: any, keyPath: any) {
+  private handleOpen(key: any, keyPath: any) {
     console.log(key, keyPath);
   }
-  @Provide() private handleClose(key: any, keyPath: any) {
+  private handleClose(key: any, keyPath: any) {
     console.log(key, keyPath);
   }
 }

src/components/framement/Framement.vue

@@ -6,7 +6,7 @@
     <div class="content">
       <div
         class="sidebar"
-        :class="{'sidebar-close': !sidebarOpened}"
+        :class="{'sidebar-close': sidebarOpened}"
       >
         <app-sidebar></app-sidebar>
       </div>

src/views/demo2/Demo2.vue

@@ -31,27 +31,23 @@ import { Component, Provide, Vue } from 'vue-property-decorator';
   components: {},
 })
 export default class Demo2 extends Vue {
-  @Provide() private data() {
-    return {
-      tableData: [{
-        date: '2016-05-02',
-        name: '王小虎',
-        address: '上海市普陀区金沙江路 1518 弄',
-      }, {
-        date: '2016-05-04',
-        name: '王小虎',
-        address: '上海市普陀区金沙江路 1517 弄',
-      }, {
-        date: '2016-05-01',
-        name: '王小虎',
-        address: '上海市普陀区金沙江路 1519 弄',
-      }, {
-        date: '2016-05-03',
-        name: '王小虎',
-        address: '上海市普陀区金沙江路 1516 弄',
-      }],
-    };
-  }
+  private tableData: any[] = [{
+    date: '2016-05-02',
+    name: '王小虎',
+    address: '上海市普陀区金沙江路 1518 弄',
+  }, {
+    date: '2016-05-04',
+    name: '王小虎',
+    address: '上海市普陀区金沙江路 1517 弄',
+  }, {
+    date: '2016-05-01',
+    name: '王小虎',
+    address: '上海市普陀区金沙江路 1519 弄',
+  }, {
+    date: '2016-05-03',
+    name: '王小虎',
+    address: '上海市普陀区金沙江路 1516 弄',
+  }];
 }
 </script>
 <style lang="less">

src/views/shared/home/Home.vue

@@ -18,7 +18,7 @@ export default class Home extends Vue {
   @State private viewStore!: IViewState;
   @Action('viewStore/setTitle') private changeTitleAc!: (params: string) => void;
 
-  @Provide() private changeTitle() {
+  private changeTitle() {
     this.changeTitleAc('你好');
   }
 }