常用到的基本数据类型有Integer、String、Vec2、Color，下面的是它们最基本的使用展示：

 properties: {

        myNumber:{
             default:0,
             type:cc.Integer,
        },
        myString:{
            default:'HaHa',
        },
        myVec2:{
            default:cc.Vec2.ZERO,
        },
        myColor:{
            default:cc.Color.RED,
        },

        myOtherNumber:0,
        myOtherString:'BBB',
        myOtherVec2:cc.Vec2.ONE,
        myOtherColor:cc.Color.WHITE,
    
    },

组件类型：

 properties: {
       
        myNode:{
            default:null,
            type:cc.Node,
        },
        mySprite:{
            default:null,
            type:cc.Sprite,
        },
        myLabel:{
            default:null,
            type:cc.Label,
        },
        myComponent:{
            default:null,
            type:MyCustomComponent,
        },
        mySprite:{
            default:null,
            type:cc.Sprite,
        },
        mySpriteFrame:{
            default:null,
            type:cc.SpriteFrame,
        },
        mySpriteAtlas:{
            default:null,
            type:cc.SpriteAtlas,
        },
        myPrefab:{
            default:null,
            type:cc.Prefab,
        },
        myAudioClip:{
            default:null,
            type:cc.AudioClip,
        },
    },

这其中的MyCustomComponent是自定义的类型。首先我们在Canvas节点下新建一个空节点，命名为mycomponent，在节点上添加一个用户脚本文件，取名为MyCustomComponent。在脚本中需要使用的时候，使用const MyCustomComponent=require('MyCustomComponent'),赋值的时候则把对应的那个mycomponent节点拖进去就行了。

我们在创建String类型的数据的时候，如果不想在编辑器中看到的话，则可以将visible设置为false，这样String类型的数据只能在脚本中进行修改操作。

cc.Class({
    extends: cc.Component,

    properties: {

        nonSeriableText:{
            default:'',
            visible:false,
        },
        seriableText:'',
        mLabel1:{
            default:null,
            type:cc.Label,
        },
        mLabel2:{
            default:null,
            type:cc.Label,
        },

       
    },

    // LIFE-CYCLE CALLBACKS:

    onLoad () {
        this.nonSeriableText='Can only set in script';
        this.mLabel1.string=this.nonSeriableText;
        this.mLabel2.string=this.seriableText;
    },

    start () {
    },

    update (dt) {},
});