vue函数组件

vue中的函数组件

<script>
    export default {
        name: 'noData',
        functional: true,
        props: {
            title:{
                type:String,
                default:''
            }
        },
        render(createElement, context) {

            const nodatas = createElement('span', {
                attrs: { class: 'layout-span'}
            }, context.props.title);

            return createElement('div', {
                attrs: { class: 'layout-div' }
            }, [nodatas]);
        }
    }
</script>
<style scoped lang="scss">
// 样式
 
</style>