ref、props特殊属性

ref

    ref属性：给元素或者子组件注册引用信息
    使用：ref="a" 
    this.$refs.a
    
    带有ref属性的标签会被VueComponent对象管理。替代id的标签，在组件上使用
    特点：在子组件上使用ref标签，能够获取到子组件的实例对象

props

    props：能够在子组件和父组件之间传递信息
    例如：App.vue 传送  <MyCode name="ls" :item="todoObj" ></MyCode> 到子组件
    :item的值就是js表达式执行的结果的值，可以是数据或者函数
    
    在子组件中通过props : ['item']进行接收
    
    例：
        使用父组件中的属性：
                props: [
                    'name',
                    'gender',
                    'age'
                ],

        限制类型：
                props: {
                name: String,
                gender: String,
                age: Number
                }

        复杂的限制类型：
                props: {
                    name: {
                        type: String,   //类型
                        required: true  //必须传值
                    },
                    age: {
                        type: Number,
                        default: 0      //不传值，就有默认值
                    },
                    gender: {
                        type: String,
                        required: true
                    }
                }


    props:['']中传递的值不允许修改，如果需要修改，定义本组件一个变量接收
    父组件不能使用key（内部的框架标注的属性）、ref（获取子组件的实例对象）属性传值