1 确定父组件和子组件，例如父组件CartsList,子组件CounterList

2 在父组件中引入子组件

2.1 1 引入组件

import CounterList from "./CounterList" export default{

2.2 2 注册组件

components:{ CounterList : CounterList },

2.3

<!-- 父亲拿子级给他的数据也需要绑定事件，将子级给的数据作为绑定事件的参数 -->
  <CounterList v-bind:cartData="v.qu" v-bind:index="i" v-on:add="add" v-on:sub="sub"></CounterList>
  

3 在父组件中显示的子组件里绑定事件然后给子组件传值

将v.qu传给子级,给v.qu命名为cartData，将index传给子组件

4 子组件里面通过props拿到父级给的qu和index

export default { // 子级拿到父级给的qu和index props:["cartData","index"], }

5 展示父级给的数据（真实数据是v.qu但因为名字是cartData，所以展示也用这个）在template标签里展示

{{cartData}}