购物车案例

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

相关推荐
蚰蜒螟23 分钟前
深入解析JVM字节码解释器执行流程(OpenJDK 17源码实现)
开发语言·jvm·python
keke1029 分钟前
Java【14_2】接口(Comparable和Comparator)、内部类
java·开发语言
多云的夏天31 分钟前
前端:VUE-(0)-环境搭建和helloworld
前端·javascript·vue.js
思茂信息33 分钟前
CST软件对OPERA&CST软件联合仿真汽车无线充电站对人体的影响
c语言·开发语言·人工智能·matlab·汽车·软件构建
CN.LG39 分钟前
Java 乘号来重复字符串的功能
java·开发语言
川川菜鸟43 分钟前
2025长三角数学建模C题完整思路
c语言·开发语言·数学建模
萌新下岸多多关照44 分钟前
Java中synchronized 关键字
java·开发语言
醍醐三叶1 小时前
C++文件操作--2 二进制文件操作
开发语言·c++
剽悍一小兔1 小时前
linux,我启动一个springboot项目, 用java -jar xxx.jar & ,但是没多久这个java进程就会自动关掉
开发语言
li星野1 小时前
C++:C++内存管理
开发语言·c++