使用axios将list.json中的数据发送到myCart.vue组与CartTitle,CartList,CartToral三个组件为父子逐渐

好的，我理解了你的问题，以下是示例代码：

首先，在myCart.vue组件中，我们需要使用axios获取list.json中的数据，然后将其传递到子组件中。具体代码如下：

<template>
  <div>
    <cart-title :title="title"></cart-title>
    <cart-list :list="list"></cart-list>
    <cart-total :total="total"></cart-total>
  </div>
</template>

<script>
import axios from 'axios';
import CartTitle from './CartTitle.vue';
import CartList from './CartList.vue';
import CartTotal from './CartTotal.vue';

export default {
  name: 'myCart',
  components: {
    CartTitle,
    CartList,
    CartTotal
  },
  data() {
    return {
      title: '',
      list: [],
      total: 0
    }
  },
  created() {
    axios.get('/list.json').then(res => {
      this.title = res.data.title;
      this.list = res.data.list;
      this.total = res.data.total;
    })
  }
}
</script>

在上面的代码中，我们使用axios发送一个GET请求，获取list.json中的数据，并将title、list和total分别赋值给组件的data中的变量。然后通过props将这些数据传递给子组件。

接下来，我们需要在子组件中接收这些数据并进行渲染。以CartTitle组件为例，代码如下：

<template>
  <div>
    <h1>{{ title }}</h1>
  </div>
</template>

<script>
export default {
  name: 'cartTitle',
  props: {
    title: {
      type: String,
      required: true
    }
  }
}
</script>

在上面的代码中，我们通过props接收父组件传递过来的title，并在模板中进行渲染。

其他两个子组件CartList和CartTotal的代码类似，这里就不再赘述了。希望能够帮助到你！