uniapp+ts+vue-property-decorator 注册组件无效

分类：uni-app

uniapp

子组件

<template>  
  <view class="container">  
    <view class="content">678</view>  
    <view class="content">678</view>  
    <view class="content">678</view>  
    <view class="content">678</view>  
  </view>  
</template>  
<script lang="ts">  
import { Vue, Component, Prop } from "vue-property-decorator";  
@Component({  
  name: "LayoutFooter"  
})  
class LayoutFooter extends Vue {  
  //是否固定在底部  
  // @Prop(Boolean)  
  // fixed: boolean = true;  
  mounted(): void {  
    console.log("???");  
  }  
}  
export default LayoutFooter;  
</script>

父组件

<template>  
  <view class="content">  
    <image class="logo" src="/static/logo.png" />  
    <LayoutFooter  />  
    <view class="text-area">  
      <text class="title">- {{title}} -</text>  
    </view>  
  </view>  
</template>  
<script lang="ts">  
import { Vue, Component } from "vue-property-decorator";  
import LayoutFooter from "components/LayoutFooter";  
console.log(Vue,Component, LayoutFooter);  
@Component({  
  name: "HomePage",  
  components: {  
    LayoutFooter  
  }  
})  
class HomePage extends Vue {  
  title = "Hello";  

  onLoad() {  
    console.log(this);  
    // login().then(res => {  
    //   console.log(res);  
    // });  
  }  
}  
export default HomePage;  
</script>

页面不显示子组件打印引入是有值的打印父组件实例$children: [],是空数组,小程序,app 都不行,只有 h5 是好的