实现CartControl组件

1.什么是CartControl组件?

 至于这个这个组件的样式,这里就不做说明了;

分析:这个是实现食物数量的增加和减少

count是要存在food里面,但是food里面本来是没有count的。-,+ 就要更新count,而且要知道是哪一个food加了或者是减了;

在CartControl可以通过 props{

    food:Object
    }

接收父组件传递过来的值

但是这样似乎太麻烦了,那么我们把它放到Vuex里似乎更方便,存取方便

所以使用Vuex:

  1.

  2.写Vuex一套:

      1》在mutations-types中定义常量;

        

       2》在mutations中写方法;

        

         3.去actions中提交mutations中的方法

        

         4.异步触发actions:

         

 3.这个CarControl组件中那个减,也不是一开始就直接显示的,需要控制他的显示,要当count值>=1才会显示,在CartControl组件中控制;

 

    

        

原文地址:https://www.cnblogs.com/hou-yuan-zhen/p/11721325.html