通过vue组件化制作的一个购物车案例

1.通过vue-cli快速生成项目

2.在src目录下的components目录下创建若干个目录

3.运用组件化思想生成项目

效果展示：

步骤：

1.vue-cli 是 npm 上的一个全局包，使用 npm install 命令，即可方便的把它安装到自己的电脑上：

npm install -g @vue/cli

基于 vue-cli 快速生成工程化的 Vue 项目： vue create 项目的名称

根据提示进行点击，快速生成项目

2.在src目录之下创建若干个目录

 

 

 项目创建完成后，安装axios包，使用axios发起数据的请求获得需要的数据

在通过create调用数据请求或获得数据

导入自己需要的组件

在 components内进行组件标签的命名

 在父组件内调用这些标签

 然后通过父传子，子传父进行数据的共享，

父传子例子

 子传父例子

 通过filter reduce函数进行数据的筛选以及数据累加，最后完成项目