关于vue的子组件修改父组件传过来的值

关于vue的子组件修改父组件传过来的值

1. 假设父组件向子组件传过来的方式是这样的：

 <child :name="myName"></child>

• 在子组件中像这样接收和更改：

  接收：
      prop:{
        name:{
          type:string,
          default:''
        }  
      }
  更改：
      this.$emit('name','imChild')

2. 假设父组件向子组件传过来的方式是这样的：

 <child :disabled.sync="isDisabled"></child>

• 在子组件中像这样更改：

  接收：
      prop:{
        disabled:{
          type:boolean,
          default:false
        }  
      }
  更改：
      this.$emit('update:disabled',true)

3. 假设父组件向子组件传过来的方式是这样的：

 <child v-model="myName"></child>

• 则在子组件中这样接收：

接收：
    prop:{
      value:{
        type:string,
        default:''
      }  
    }
更改：
    this.$emit('value','imChild')