创建组件(分3步)
1、引入核心文件
2、@Component装饰器
3、暴露组件并继承vue的基类(其中One为组件名)
<script lang="ts">
import {Vue,Component} from "vue-property-decorator"
@Component({})
export default class One extends Vue{}
</script>
使用组件(分3步)
1、引入组件
2、在装饰器中,注册组件
3、通过标签实例化组件
<template>
<div>
<One />
</div>
</template>
<script lang="ts">
import {Vue,Component} from "vue-property-decorator"
@Component({
components:{One}
})
export default class App extends Vue{}
</script>
在eslintrc.js修改rule配置对象(为了写ts类型的时候不报错)
"typescript-eslint/no-inferrable-types":0
变量、函数、生命周期直接写,没有data、methods