zoukankan      html  css  js  c++  java
  • 实现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组件中控制;

     

        

            

  • 相关阅读:
    Div+Css布局教程(-)CSS必备知识
    html表格设置
    wxAui Frame Management用法
    aui
    MySQL死锁
    InnoDB索引存储结构
    MySQL事务调优
    MySQL慢SQL语句常见诱因
    InnoDB的LRU淘汰策略
    InnoDB事务之redo log工作原理
  • 原文地址:https://www.cnblogs.com/hou-yuan-zhen/p/11721325.html
Copyright © 2011-2022 走看看