问请问使用muse-ui步骤条的组件后怎样才能为每一个步骤创建不同的界面呢？

<template>
    <div>
        <mu-paper :z-depth="1" class="demo-list-wrap">
            <div class="demo-step-container">
                <mu-stepper :active-step="activeStep">
                    <mu-step style="width:120px">
                        <mu-step-label>
                            输入工号
                        </mu-step-label>
                    </mu-step>
                    <mu-step style="width:120px">
                        <mu-step-label>
                            填写项目信息
                        </mu-step-label>
                    </mu-step>
                    <mu-step style="width:120px">
                        <mu-step-label>
                            进行评价
                        </mu-step-label>
                    </mu-step>
                </mu-stepper>
                <div class="demo-step-content">
                    <p v-if="finished">
                        都完成啦!<a href="javascript:;" @click="reset">点这里</a>可以重置
                    </p>
                    <template v-if="!finished">
                        <p>
                            {{content}}
                        </p>
                        <div>
                            <mu-button flat class="demo-step-button" :disabled="activeStep === 0" @click="handlePrev" > 上一步 </mu-button>
                            <mu-button class="demo-step-button" color="primary" @click="handleNext"> {{activeStep === 2 ? '完成' : '下一步'}} </mu-button>
                        </div>
                    </template>
                </div>
            </div>

        </mu-paper>
    </div>

</template>

<script>
    export default {
        data () {
            return {
                activeStep: 0
            };
        },
        computed: {
            content () {
                let message = ''
                switch (this.activeStep) {
                    case 0:
                        
                        break
                    case 1:
                        message = '';
                        break
                    case 2:
                        message = '';
                        break
                    default:
                        message = 'fuck! 又 TM 出错了！！！';
                        break
                }
                return message
            },
            finished () {
                return this.activeStep > 2;
            }
        },
        methods: {
            handleNext () {
                this.activeStep++;
            },
            handlePrev () {
                this.activeStep--;
            },
            reset () {
                this.activeStep = 0;
            }
        }
    }
</script>