解析器不一致，导致ts的某些特性不能使用，真坑

source/src/devtools/ccType/NodeBaseProperty.vue

@@ -144,21 +144,16 @@
 <script lang="ts">
 import Vue from "vue"
 import {Component, Prop, Emit} from "vue-property-decorator"
-import {} from 'vue-class-component'
 import UiProp from './ui-prop.vue'
-import {setup} from "vue-class-component/dist/vue-class-component";
 
 @Component({
   components: {UiProp},
 })
 export default class NodeBaseProperty extends Vue {
   name: string = "node-base"
+  label: string = ''
 
-  // @Prop({required: false})
+  @Prop() private  data: any = {};
-  // label: string = ''
-  //
-  // @Prop({required: false})
-  // data: any = {};
 
   setup() {
     // computed({
@@ -168,6 +163,11 @@ export default class NodeBaseProperty extends Vue {
     // })
   }
 
+  created() {
+
+    console.error(JSON.stringify(this.data))
+  }
+
   itemData: any = {};
 
   changeSizeActionWidth(step: number) {

source/src/devtools/index.vue

@@ -29,9 +29,10 @@
       </div>
       <div class="right">
         <div class="  bg-purple-light treeInfo">
-          <NodeBaseProperty :data="treeItemData"></NodeBaseProperty>
+          <NodeBaseProperty data="treeItemData"></NodeBaseProperty>
-          <SceneProperty v-show=" treeItemData.type === 'cc_Scene'"></SceneProperty>
+          <SceneProperty v-show="treeItemData.type === 'cc_Scene'"></SceneProperty>
-          <ComponentsProperty :components.sync="treeItemData.components"></ComponentsProperty>
+          <ComponentsProperty components.sync="treeItemData.components"></ComponentsProperty>
+          <HelloWorld msg="fsfsfsfsffdqwe"></HelloWorld>
         </div>
       </div>
 
@@ -51,28 +52,35 @@ import Vue from "vue";
 import NodeBaseProperty from './ccType/NodeBaseProperty'
 import ComponentsProperty from './ccType/ComponentsProperty'
 import SceneProperty from './ccType/SceneProperty'
-import {Component} from "vue-property-decorator";
+import {Component, Prop} from "vue-property-decorator";
+import tree from "element-ui/packages/table/src/store/tree";
+import fa from "element-ui/src/locale/lang/fa";
+import HelloWorld from "@/popup/HelloWorld.vue";
 
 const PluginMsg = require("../core/plugin-msg");
-@Component({components: {NodeBaseProperty, ComponentsProperty, SceneProperty}})
+@Component({
+  components: {
+    NodeBaseProperty, ComponentsProperty, SceneProperty, HelloWorld
+  }
+})
 export default class Index extends Vue {
-  isShowDebug: boolean = true;
+  private isShowDebug: boolean = true;
-  treeItemData: Object = {};
+  treeItemData = {a: 1};
   treeData = []
-  treeDataMap = {};
   bgConn = null// 与background.js的链接
 
+  // el-tree的渲染key
   defaultProps = {
     children: "children",
     label: "name"
   };
-  watchEveryTime: boolean = false;// 实时监控节点树
+  private watchEveryTime: boolean = false;// 实时监控节点树
+
   memory = {
     performance: {},
     console: {},
   }
 
-
   created() {
     this.onTestData();
     if (chrome && chrome.runtime) {

source/src/options/index.vue

@@ -1,12 +1,16 @@
 <template>
+  <div>
     <el-button @click="onClickTest">1111</el-button>
+    <HelloWorld msg="fsf"></HelloWorld>
+  </div>
 </template>
 
 <script lang="ts">
 import {Component, Vue} from "vue-property-decorator";
+import HelloWorld from "@/popup/HelloWorld.vue";
 
 @Component({
-  components: {},
+  components: {HelloWorld},
 })
 export default class Index extends Vue {
   name: string = "index";

source/src/popup/HelloWorld.vue

@@ -9,6 +9,13 @@ import {Component, Prop, Vue} from "vue-property-decorator";
 
 @Component
 export default class HelloWorld extends Vue {
+  @Prop()
+  msg = ''
+
+  created() {
+    debugger
+    console.log(this.msg)
+  }
 }
 </script>
 

source/src/popup/index.vue

@@ -35,6 +35,7 @@
         </a>
       </div>
     </div>
+    <HelloWorld msg="fsfsf"></HelloWorld>
   </div>
 
 </template>

source/vue.config.js

@@ -1,5 +1,3 @@
-const ChromeManifest = require("./plugins/chrome-manifest");
-const Path = require("path");
 module.exports = {
   publicPath: "/",
   outputDir: "dist",