购物车案例

1功能模块分析

请求动态渲染购物车,数据存vuex

数据框控件 修改数据

动态计算总价和总数量

2脚手架新建项目

终端安装axios:npm install axios -g

基于json-server工具,准备后端接口服务环境:(模拟后台假数据)

1安装全局工具json-server

javascript 复制代码
npm i -g json-server

2代码根目录新建一个db目录

3将数据index.json移入db目录

4进入db目录,执行命令,启动后端接口服务

javascript 复制代码
json-server --watch index.json

5访问接口测试http://localhost:3000/cart

相关推荐
lxp199741几秒前
php函数积累
开发语言·php
太阳花ˉ2 分钟前
html+css+js实现step进度条效果
javascript·css·html
科技资讯早知道4 分钟前
java计算机毕设课设—坦克大战游戏
java·开发语言·游戏·毕业设计·课程设计·毕设
白拾15 分钟前
使用Conda管理python环境的指南
开发语言·python·conda
从0至141 分钟前
力扣刷题 | 两数之和
c语言·开发语言
总裁余(余登武)41 分钟前
算法竞赛(Python)-万变中的不变“随机算法”
开发语言·python·算法
NormalConfidence_Man42 分钟前
C++新特性汇总
开发语言·c++
一个闪现必杀技1 小时前
Python练习2
开发语言·python
john_hjy1 小时前
11. 异步编程
运维·服务器·javascript
有梦想的咕噜1 小时前
target_link_libraries()
开发语言