<script lang="ts">
// @ is an alias to /src
import HelloWorld from '@/components/HelloWorld.vue'
import {Vue,Component,Watch,Prop} from 'vue-property-decorator'
import myMixins from '@static/js/mixins';
@Component({
name:'Home', //组件名称
components:{HelloWorld}, //引入的组件components
mixins:[myMixins], //mixins
})
export default class Home extends Vue{
//data
bb:string='ddddddd'
//computed计算属性
get ComputedValue(){
return 1;
}
//watch监听
@Watch('bb', {immediate: true, deep: true})
onChangeValue(newVal:string,oldVal:string){
// todo...
}
//Prop
@Prop({default:0}) propA?: number; //默认值为0，?为选择
@Prop([Number,String]) propB!: number; //类型必须为数字或者字符串，!为必填
//methods
testFunction(){
console.log('test');
}
//生命周期
mounted(){
}
created(){
}
updated(){
}
destroyed(){
}
}
</script>
Vue使用vue-property-decorator修饰器结合ts的写法转换
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 什么是Typescript TypeScript 是一种由微软开发的自由和开源的编程语言，它是 JavaScrip...
- 官方提出：vue-class-component社区提出：vue-property-decorator vue-p...
