在vue中发出不会升级父组件中的属性

<!-- 子组件 -->
<template>
  <button @click="increment">Increment</button>
</template>

<script>
export default {
  props: ['count'],
  methods: {
    increment() {
      this.$emit('update:count', this.count + 1);
    }
  }
}
</script>

<!-- 父组件 -->
<template>
  <ChildComponent :count="count" @update:count="count = $event" />
</template>

<script>
import ChildComponent from './ChildComponent.vue';

export default {
  components: {
    ChildComponent
  },
  data() {
    return {
      count: 0
    };
  }
}
</script>

// 修改数组
this.items.splice(index, 1, newValue);

// 修改对象
this.$set(this.obj, 'newKey', newValue);

this.someData = newValue;
this.$nextTick(() => {
  // DOM已更新
});