# 多文件的自定义组件

对于比较复杂的自定义组件,UI-PaaS支持将其拆分为多个文件来实现,以便让代码结构更加清晰合理

# 案例:某个自定义组件,有如下几个文件

  • secondComponent.vue(入口)
  • subComponent.vue
  • helper.js

代码:secondComponent.vue

<template>
    <div style="width: 100%;">
        Hello: {{myName}}
        <subComponent></subComponent>
    </div>
</template>
<script>
import subComponent from './subComponent';
import helper from './helper';
export default {
    components: {
        subComponent
    },
    data() {
        return {
            myName: "Developer"
        }
    }
}
</script>

代码:subComponent.vue

<template>
    <div style="width: 100%;">
        Hello: subComponent
    </div>
</template>
<script>
export default {
}
</script>

代码:helper.js

export default {
    formatData() {
        return {};
    }
}
lastUpdate: 5/3/2023, 11:40:26 PM