VUE中修改父组件传过来的值

除了使用方法绑定的方式外，还可以使用.sync修饰符

例如，父组件:

<child :field.sync="field"></child>

子组件通过this.$emit("update")的方式修改值。update:field即为需要修改的字段名称，xxx为修改后的值

<template>
  <div @click="$emit('update:field',xxx)"></div>
</template>

<script>
export default {
  props: ["field"]
};
</script>

另外，通过v-model方式绑定的值，可以通过this.$emit("change",xxx)或this.$emit("input",xxx)的方式修改，在此记录一下