子组件给父组件传递，然后再给根组件传递vue代码

可以使用Vue的事件机制，子组件通过`$emit`方法向父组件发送事件并传递数据，然后父组件再向根组件发送事件并传递数据。具体步骤如下：

1. 在子组件中定义一个方法，用来向父组件发送事件和数据：

methods: {
  sendToParent() {
    this.$emit('my-event', someData)
  }
}

其中，`'my-event'`是事件名称，`someData`是需要传递给父组件的数据。

2. 在父组件中监听子组件发出的事件，并在事件处理函数中向根组件发送事件和数据：

<template>
  <div>
    <child-component @my-event="handleEvent"></child-component>
  </div>
</template>

<script>
export default {
  methods: {
    handleEvent(data) {
      this.$emit('my-event', data)
    }
  }
}
</script>

其中，`<child-component>`是子组件标签，`handleEvent`是事件处理函数，`data`是子组件传递过来的数据。

3. 在根组件中监听父组件发出的事件，并在事件处理函数中执行相应的操作：

<template>
  <div>
    <parent-component @my-event="handleEvent"></parent-component>
  </div>
</template>

<script>
export default {
  methods: {
    handleEvent(data) {
      // 执行相应的操作
    }
  }
}
</script>

其中，`<parent-component>`是父组件标签，`handleEvent`是事件处理函数，`data`是父组件传递过来的数据。

这样就可以实现从子组件到父组件再到根组件的数据传递了。