购物车案例

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

相关推荐
cherryc_14 分钟前
JavaSE基础——第六章 类与对象(二)
java·开发语言
Qlittleboy4 小时前
windows如何安装wkhtmltoimage 给PHP使用根据HTML生成图片
开发语言·windows·php
水w5 小时前
【Android Studio】解决报错问题Algorithm HmacPBESHA256 not available
android·开发语言·android studio
冷琅辞6 小时前
Elixir语言的云计算
开发语言·后端·golang
记得早睡~6 小时前
leetcode51-N皇后
javascript·算法·leetcode·typescript
Mryan20056 小时前
解决GraalVM Native Maven Plugin错误:JAVA_HOME未指向GraalVM Distribution
java·开发语言·spring boot·maven
Naomi5216 小时前
自定义汇编语言(Custom Assembly Language) 和 Unix & Git
服务器·开发语言·git·unix
烂蜻蜓7 小时前
C 语言命令行参数:让程序交互更灵活
c语言·开发语言·交互
zm-v-159304339867 小时前
解锁 DeepSeek 与 Matlab:攻克科研难题的技术利刃
开发语言·matlab·信息可视化
ylfhpy7 小时前
Java面试黄金宝典33
java·开发语言·数据结构·面试·职场和发展·排序算法