vue⼦组件修改props中的值
问题：⼦组件想修改⽗组件传来的值（props中的值）。普通的修改会报错，因为这个值是单向的，只能传进来，要是想修改就要⽤v-解决办法：⽤v-model
写个简单粗暴例⼦：
⽗组件
1 <control :lingthData="lingthData" v-model="deviceF"></control>
2采购员面试
3 //v-model⾥⾯写上我们要传给⼦组件，并且还会在⼦组件中改变这个值
4
5import control from '@/page/map/control'
6export default {
7 components: {
8 control
9 },
10 data () {
11 return {
12 deviceF: true
13 }
教师礼仪培训心得
14 }
⼦组件
云冈石窟图片1<template>
2 <div>
3 {{device}}
无线局域网4 <div @click="look">改变值</div>
5 </div>
6</template>
7<script>
8export default {
9 data () {
10 return {饭店英语
11 device: this.value, //定义⼀下
12 }
13 },
14 props: ['lingthData', 'value'],//因为想要改变device，所以device要写成value，这⾥是写死的
事前控制
15 components: {
16 },
17 methods: {
18 look () {
19 this.device = !this.device
20 this.$emit('input', this.device) //这样this.device就会被修改；前⾯的input是固定写死的
差不多先生歌词21 }
22 }
23}
24</script>
具体为什么这么写，vue⽂档⾥有交待=》
传送英文
如果我写的没看懂，没关系，这⾥还有个线上例⼦=》
