interface(typeScript)

收藏

1. interface接口

        1.1 是什么:自定义一个约束结构

        1.2 使用:

            interface Idata{
                a:number;
                b:string;
            }

            ***1. 首字母I要大写

            ***2. 结束是;结尾

            let obj1:Idata = {
                a:1,
                b:'你好'
            }

        1.3 复杂的写法

            interface Ilist{
                list:{
                    id:number;
                    name:string;
                }[]
            }
            interface Idata{
                message:string;
                success:boolean;
                data:Ilist
            }
            let data:Idata =  {
                message:'成功',
                success:true,
                data:{
                    list:[
                        {id:1,name:'张三'},
                        {id:2,name:'李四'}
                    ]
                }
            }

    2. 在vue项目中使用场景

        axios的二次封装、api的解耦

    3. interface继承

        interface Idata{
            message:string;
            success:boolean;
            data?:{}
        }
        interface Ires extends Idata{
            children?:[];
        }


评论(

您还未登录,请先去登录
表情
查看更多

相关作者

  • 获取点赞0
  • 文章阅读量264

相关文章

联系小鹿线

咨询老师

咨询老师

扫码下载APP