购物车案例

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

相关推荐
jayzhang_16 分钟前
SPARK入门
大数据·开发语言
蹦极的考拉16 分钟前
网站日志里面老是出现{pboot:if((\x22file_put_co\x22.\x22ntents\x22)(\x22temp.php\x22.....
android·开发语言·php
fured25 分钟前
[调试][实现][原理]用Golang实现建议断点调试器
开发语言·后端·golang
大翻哥哥1 小时前
Python地理空间数据分析:从地图绘制到智能城市应用
开发语言·python·数据分析
NPE~1 小时前
[手写系列]Go手写db — — 第二版
开发语言·数据库·golang·教程·db·手写系列
M_Reus_111 小时前
Groovy集合常用简洁语法
java·开发语言·windows
好学且牛逼的马2 小时前
golang 10指针
开发语言·c++·golang
weixin_490354342 小时前
Vue设计与实现
前端·javascript·vue.js
爬虫程序猿2 小时前
利用 Python 爬虫获取 1688 商品详情 API 返回值说明(代码示例)实战指南
开发语言·爬虫·python
GISer_Jing2 小时前
React过渡更新:优化渲染性能的秘密
javascript·react.js·ecmascript