自定义组件 | Light文档

Light框架底层使用Vue框架执行组件渲染的逻辑，自定义组件的方法和Vue中表现一致，具体可以参考Vue文档。

Light框架中规范了自定义UI组件的存放目录，开发者自定义的UI组件应该放置在/ui目录下。

组件定义

ui/ui.vue

<template>
    <div>
        Hello,World !
    </div>
</template>
<script>
    export default {
        data(){
            return {};
        },
        props:[]
    }
</script>
<style lang="less">
    
</style>

组件引用

<template>
    <div>
       <my-ui></my-ui>
    </div>
</template>
<script>
import MyUI from "../ui/ui.vue"
    export default {
        data(){
            return {}
        },
        components:{MyUI}
    }
</script>
<style scoped >
</style>