vue 引用封装好的table组件并实现根据不同的状态显示不同的字体颜色

 

实现后效果图

 

父组件代码

父组件js部分

<script>
    import tableModule from '@/components/teble/table.vue';
    export default{
        components:{tableModule},
    };
</script>

子组件template部分

子组件style部分