vue中.sync修饰符与$emit(update：xxx)双向数据绑定

一、单向数据流

所有的 props 都遵循着单向绑定原则，props 因父组件的更新而变化，自然地将新的状态向下流往子组件，而不会逆向传递。这避免了子组件意外修改父组件的状态的情况，不然应用的数据流将很容易变得混乱而难以理解。另外，每次父组件更新后，所有的子组件中的 props 都会被更新到最新值，这意味着你不应该在子组件中去更改一个 prop。

正常的父子组件传值及修改值，需要props传递属性到子组件，然后需要子组件触发自定义事件到父组件去改值。

二、props父子传值

2.1、父组件

1. 在父组件中定义数据及传递给子组件
2. 接收自定义事件，在自定义事件中修改值

<template>
	<div>
		<child :title="title" @change="changeTitle"></child>
	</div>
</template>
<script>
	export default {
		data() {
			return {
				title:"old title"
			}
		},
        methods: {
            // 最鸡肋的就是这个环节
            changeTitle(e) {
                this.title &