自定义组件

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>