# 多文件的自定义组件
对于比较复杂的自定义组件,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 {};
}
}
← 使用场景 自定义组件使用静态资源 →