子组件 不能直接修改 父组件传过来的数据
// 父传子
<children :sex="sex" :hobby="hobby"></children>
// sync父传子:
<children :sex.sync="sex" :hobby.sync="hobby"></children>
// 相当于
<children
:sex="sex" @update:sex="val => sex = val"
:hobby="hobby" @update:hobby="val => hobby = val"></children>
相当于多了一个事件监听,事件名是update:sex,回调函数中,会把接收到的值赋值给属性绑定的数据项中
``
```javascript
父组件
<children :sex.sync="sex"></children>
import children from './components/children'
components: {
children
}
子组件
this.$emit('update:sex', '参数')