props配置

功能

子组件接收外部传值

1. 传递数据（父组件）

    <Student ref="sth" name="张三" sex="男" :age="26"></Student>
   

2. 接收数据（子组件）

   1. 方式1（只接收）

      props:['name','sex','age'],
      

   2. 方式2（限制类型）

           props:{
              name:String,
              sex:String,
              age:Number
          },
      

   3. 方式三（限制类型、必要性，指定默认值）

          props:{
             name:{
              // 接收值的类型
              type:String,
              // 传值时是否必要
              required:true,
             },
             age:{
              type:Number,
              required:true
             },
             sex:{
              type:String,
              // 默认值
              default:'男'
             }
          },
      

   注： props是只读的，Vue底层会对其进行检测，以警告形式限制其修改；若业务要求必须修改，可通过以下方式实现

           <h2>学生年龄：{{ myAge }}</h2>   
      data() {
           return {
               msg:'测试',
               myAge:this.age,
           }
       },