购物车案例

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

相关推荐
前端太佬几秒前
微信公众号网页登录:前端视角下的技术实现精要
前端·javascript·微信
神仙别闹几秒前
基于Python+Neo4j实现新冠信息挖掘系统
开发语言·python·neo4j
前端太佬2 分钟前
微信小程序支付全流程实战指南(Node.js后端篇)
前端·javascript·微信小程序
资深前端外卖员6 分钟前
【nodejs高可用】Nodejs应用安全防范的问题总结
前端·javascript
前端大白话16 分钟前
Vue2和Vue3语法糖差异大揭秘:一文读懂,开发不纠结!
javascript·vue.js·设计模式
tianchang18 分钟前
JS 中 Map 的概念与使用
前端·javascript
Jenlybein18 分钟前
[ Javascript 面试题 ]:提取对应的信息,并给其赋予一个颜色,保持幂等性
前端·javascript·面试
Carlos_sam18 分钟前
Opnelayers:向某个方向平移指定的距离
前端·javascript
St22 分钟前
探索JavaScript原型链设计——详解prototype、__proto__及constructor三者之间的关系
前端·javascript