vue中修改子组件数据，如何传值给爷组件并且刷新数据呢

在Vue中，子组件修改数据后，需要通过事件向父组件传递数据。具体步骤如下：

1. 在子组件中定义一个事件，通过 $emit 方法触发该事件。例如：

   // 子组件中
   this.$emit('update:data', newData)

其中 `update:data` 是事件名称，`newData` 是传递给父组件的数据。

2. 在父组件中监听子组件的事件，并在事件处理函数中更新数据。例如：

   // 父组件中
   <child-component @update:data="handleUpdateData"></child-component>

   ...

   methods: {
     handleUpdateData(newData) {
       this.data = newData
     }
   }

这里使用了 `@` 符号来监听子组件的事件，`handleUpdateData` 是事件处理函数，它接收子组件传递过来的数据，并更新父组件的数据。

3. 最后，如果需要刷新数据，可以使用 `this.$forceUpdate()` 方法来强制刷新组件。

   // 父组件中
   methods: {
     handleUpdateData(newData) {
       this.data = newData
       this.$forceUpdate()
     }
   }

这样，当子组件触发事件并传递数据给父组件后，父组件会更新数据并刷新组件，从而展示最新的数据。