typescript+vue踩過的坑-typescript在.vue中的寫法

typescript在.vue中的寫法

使用typescript會讓你的代碼結構看起來更明朗

原vue寫法

import {mapGetters, mapActions} from 'vuex'

import tree from './components/all/tree/tree.vue'

export default{

data () {

return {

a: 1,

b: '2',

c: true,

d: {

a: 'qi',

b: 77

}

}

},

components: {},

computed: {},

methods:{

funA () {},

funB () {}

},

watch: {},

mounted () {},

created () {}

}

使用typescript后的寫法

import Vue from 'vue'

import Component from 'vue-class-component'

import {mapGetters, mapActions} from 'vuex'

import tree from './components/all/tree/tree.vue'

interface obj {

a: string;

b: number;

}

@Component({

props: [],

components: {},

computed: {},

watch: {},

mounted () {},

created () {}

})

export default class a extends Vue {

// data

a:number = 1

b:string = '2'

c:boolean = true

d:obj = {

a: 'qi',

b: '77'

}

// methods

funA () {}

funB () {}

}

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容