购物车案例

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

相关推荐
404.Not Found1 分钟前
Day46 Python打卡训练营
开发语言·python
love530love3 分钟前
【PyCharm必会基础】正确移除解释器及虚拟环境(以 Poetry 为例 )
开发语言·ide·windows·笔记·python·pycharm
Danta4 分钟前
从 0 开始学习 Three.js(2)😁
前端·javascript·three.js
凌辰揽月5 分钟前
Web后端基础(基础知识)
java·开发语言·前端·数据库·学习·算法
海奥华29 分钟前
go中的接口返回设计思想
开发语言·后端·golang
就是我9 分钟前
开发“业务组件库”,该从哪里入手?
前端·javascript·面试
lifallen10 分钟前
深入浅出 Arrays.sort(DualPivotQuicksort):如何结合快排、归并、堆排序和插入排序
java·开发语言·数据结构·算法·排序算法
运维开发王义杰11 分钟前
Python: 告别 ModuleNotFoundError, 解决 pipx 环境下 sshuttle 缺少 pydivert 依赖的终极指南
开发语言·python
Mintopia11 分钟前
在数字画布上雕刻曲线:NURBS 的奇幻冒险之旅
前端·javascript·计算机图形学
k要开心12 分钟前
从C到C++语法过度1
开发语言·c++