1-9 ts-vue创建组件

1-1 组件前面必须加上@Component装饰器

<script lang="ts">
import { Vue,Component } from 'vue-property-decorator';
@Component
export default class App extends Vue {
    msg:string = "hello vue";
    mounted():void{
      console.log("mounted")
    }
}
</script>

1-2 创建一个组件

1.创建组件

vbase-ts-class //快捷键

<template>
  <div>
      Hello Component
  </div>
</template>
<script lang="ts">
import { Component, Vue } from "vue-property-decorator";
@Component
export default class Hello extends Vue {
}
</script>
<style scoped>
</style>

2.导入组件

import Hello from './components/Hello.vue'

3.需要在@Component注册

@Component({
  components:{
    Hello
  }
})

4.使用

<Hello></Hello>