uni-app是不是改变了vue props单向传递的规则，我测试数据是双向绑定的？ about uni-app

[zengqingsong]

我理解错误了，还是单向的。通过watch可以实现双向绑定，下面是实现的代码，供大家参考。

<template>
	<view>
		<!--开关组件-->
		<switch-button :result="result" @toFather="toFather"></switch-button>
		<!--外部控制-->
		<input type="button" value="change" @click="change">
		<text>{{ result }}</text>
	</view>
</template>

<script>
	import switchButton from '../../components/switch-button.vue'
	export default {
		data: {
			result: true //开关状态数据
		},
		methods: {
			change() {
				this.result = !this.result;
			},
			toFather(val) {
				this.result = val;
			}
		},
		components: {
			switchButton,
		},
	}
</script>
<style>
	view {
		display: block;
	}
</style>

//开关组件代码
<template>
	<view @click='change'>{{result?'开':'关'}}</view>
</template>
<script>
	export default {
		props: {
			result: {
				type: Boolean,
				default: false
			},
		},
		methods: {
			change() {
				this.result = !this.result;
			}
		},
		data() {
			return {
				myResult: this.result,
			}
		},
		watch: {
			result(val) {
				this.myResult = val
			},
			myResult(val) {
				this.$emit('toFather', val)
			}
		}
	}
</script>

[zengqingsong]

//开关组件代码
<template>
		<view @click='change'>{{result?'开':'关'}}</view>
</template>
<script>
	export default {
		props: {
			result: {
				type: Boolean,
				default: false
			},
		},
		methods: {
			change() {
				this.result = !this.result;
			}
		},
// 		data() {
// 			return {
// 				myResult: this.result,
// 			}
// 		},
// 		watch: {
// 			result(val) {
// 				this.myResult = val
// 			},
// 			myResult(val) {
// 				this.$emit('toFather', val)
// 			}
// 		}
	}
</script>

这里好像不使用watch实现双向绑定也可以？是不是在新版的vue中prop又改为了双向绑定了。

[zengqingsong]

<template>
	<view>
		<!--开关组件-->
		<switch-button :result="result"></switch-button>
		<!--外部控制-->
		<input type="button" value="change" @click="change">
		<text>{{ result }}</text>
	</view>
</template>

<script>
	import switchButton from '../../components/switch-button.vue'
	export default {
		data: {
			result: true //开关状态数据
		},
		methods: {
			change() {
				this.result = !this.result;
			}
		},
		components: {
			switchButton,
		},
	}
</script>
<style>
	view {
		display: block;
	}
</style>

[fxy060608]

你是怎么测试的。。修改子组件的 result，发现父组件的 result 改变了？我这里测试没有发现这个问题

[zengqingsong]

已经解决双向绑定的问题

[bacy]

请问双向绑定不能用v-model吗