zoukankan      html  css  js  c++  java
  • vue 模块 props

    inbody.vue

    <template>
        <div>
            <Breadcrumb :style="{margin: '24px 0'}">
                <BreadcrumbItem>{{mbx[0]}}</BreadcrumbItem>
                <BreadcrumbItem>{{mbx[1]}}</BreadcrumbItem>
                <BreadcrumbItem>{{mbx[2]}}</BreadcrumbItem>
            </Breadcrumb>
            <Content :style="{padding: '24px', minHeight: '280px', background: '#fff'}">
                <slot></slot>
            </Content>
        </div>
    </template>
    
    <script>
        export default {
            name: "inBody",
            props:{
                mbx:Array
            }
        }
    </script>
    
    <style scoped>
    
    </style>

    myButton.vue

    <template>
        <div>
            <in-body :mbx="['首页','基础','Button']">
                <Button>Default</Button>
                <Button type="primary">Primary</Button>
                <Button type="dashed">Dashed</Button>
                <Button type="text">Text</Button>
                <br><br>
                <Button type="info">Info</Button>
                <Button type="success">Success</Button>
                <Button type="warning">Warning</Button>
                <Button type="error">Error</Button>
            </in-body>
        </div>
    </template>
    
    <script>
        import inBody from '../inBody'
        export default {
            name: "myButton"
            ,components:{
                inBody
            }
        }
    </script>
    
    <style scoped>
    
    </style>
  • 相关阅读:
    数据包发送
    linux 进程调度3
    linux 进程调度2
    linux 进程调度1
    进程间通信:信号
    fork vfork clone学习
    跳表
    【转】Linux内存管理综述
    如何优雅的写出链表代码
    This function or variable may be unsafe Consider using xxx instead
  • 原文地址:https://www.cnblogs.com/pengchenggang/p/10215623.html
Copyright © 2011-2022 走看看