Test component with child components

Test-with-child-components.vue

<template>
  <div>
    <p>Hi this is test template</p>
  </div>  
</template>

<script lang="ts">
import Vue from 'vue';
import { Component, Prop} from 'vue-property-decorator';
import AnotherComponent from './another-component.vue'
@Component({
  components: {
    // We've added custom name for the component, else it can be simply adding component here
    'another-one': AnotherComponent,
  },
  name:'Test component'
})
export default class TestComponent extends Vue {
  //In typescript you have to declare type of a variable and | means or here.
  
  @Prop({default: 'default value'})
  myProp : string | { isObject  : true } | any
}
</script>