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组件中控制;

     

        

            

  • 相关阅读:
    学习《MYSQL》课程,日期2017.4.25-2017.4.30
    Netty学习笔记
    WebSocket学习
    Class 泛型
    SAX解析与DOM解析
    HashMap和HashTable的区别
    SQL语句整理
    观察者模式学习
    状态模式学习
    策略模式学习
  • 原文地址:https://www.cnblogs.com/hou-yuan-zhen/p/11721325.html
Copyright © 2011-2022 走看看