组件化案例开发总结

1：整个案例要用模块化开发的模式

2.首先定义全局中心

3.将要开发的模块分为几个部分，用来做局部变量

4.采用components定义局部变量的名称 例：

components: {

                'cart-title': CartTitle,

                'cart-list': CartList,

                'cart-total': CartTotal       },

5.局部变量例定义：var Cartotal，要用props来接收参数

6.分别到定义的局部变量的template模板进行拼接

7.计算子组件数据的时候，在页面的子模板不能直接计算，要传值到父组件中进行计算

8.用，$emit (""):子组件向父组件传递信息，父组件：v-on:("子组件传来的值")，

兄弟组件也可以用（$event.target则指的是事件触发的目标，即哪一个元素触发了事件，这将直接获取该dom元素）

9.要将数据传递给父组件，先通过id获取到子组件中，进行处理，然后传递给子组件定义的methods的方法进行处理

基本api必记：删除操作

  var index = this.list.findIndex(item=>{

            return item.id == id;   });

          /根据索引删除对应数据

          this.list.splice(index, 1);

加减循环操作：

 this.list.some(item=>{

              if(item.id == val.id) {

                item.num -= 1;

                // 终止遍历

                return true;