详解TypeScript+Vue 插件 vue-class-component的使用总结

npm install vue-class-component vue-property-decorator --save-dev

import {Component, Prop, Vue} from 'vue-property-decorator'@Componentexport default class App extends Vue { name:string = 'Simon Zhang' // computed get MyName():string { return `My name is ${this.name}` } // methods sayHello():void { alert(`Hello ${this.name}`) } mounted() { this.sayHello(); }}

export default { data () { return {  name: 'Simon Zhang' } }, mounted () { this.sayHello() }, computed: { MyName() {  return `My name is ${this.name}` } }, methods: { sayHello() {  alert(`Hello ${this.name}`) }, }}

@Component({ components: { XXXX }, props: { mapFlag: Number }})

let layoutList:any = this.$refs.layout as HTMLDivElement