vue+ts的项目写法有哪些变化

196 阅读1分钟

写法和js版本有细微差别,具体如下:

import { Component, Prop, Vue, Watch } from "vue-property-decorator";
@Component({
  name: "indexPage",
  components: {
    subcomponent: () => import("./subcomponent.vue")
  },
  mixins: [],
  filters: {}
})
export default class IndexPage extends Vue {
  // 定义一个私有的变量:
  private params: number = 55;
  private flag: boolean = false;
  
  //数组可以这样:
  public series: Array<SeriesType> = [];
  //也可以这样:
  public series: SeriesType[] = [];
  
  //computed计算属性:
  get oneStore() {
    return OneStoreModule.OneStoreCount;
  }
  get twoStore() {
    return TwoStoreModule.TwoStoreStr;
  }
  
  //watch监听:
   @Watch("series") onChangging(newval: SeriesType[], oldval: SeriesType[]) {
   console.log("变化了");
  }
  
  //生命周期也写在这里
}