写法和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("变化了");
}
//生命周期也写在这里
}