vue 改变子组件props中的值

父组件

<control :lingthData="lingthData" v-model="deviceF"></control>
 
 //v-model里面写上我们要传给子组件，并且还会在子组件中改变这个值
 
import control from '@/page/map/control'
export default {
  components: {
    control
  },
  data () {
    return {
      deviceF: true
    }
  }

子组件

<template>
    <div>
        {{device}}
        <div @click="look">改变值</div>
    </div>
</template>
<script>
export default {
  data () {
    return {
      device: this.value,  //定义一下
    }
  },
  props: ['lingthData', 'value'],//因为想要改变device，所以device要写成value，这里是写死的
  components: {
  },
  methods: {
    look () {
      this.device = !this.device
      this.$emit('input', this.device)  //这样this.device就会被修改；前面的input是固定写死的
    }
  }
}
</script>