购物车案例

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

相关推荐
人良爱编程17 小时前
Hugo的Stack主题配置记录03-背景虚化-导航栏-Apache ECharts创建地图
前端·javascript·apache·echarts·css3·html5
来颗仙人掌吃吃17 小时前
解决Echarts设置宽度为100%发现宽度变为100px的问题(Echarts图标宽度自适应问题)
前端·javascript·echarts
余子桃17 小时前
Echarts图表官网打开太慢怎么办?echarts.apache.org
前端·javascript·echarts
pas13617 小时前
41-parse的实现原理&有限状态机
开发语言·前端·javascript
琹箐18 小时前
最大堆和最小堆 实现思路
java·开发语言·算法
黑色的糖果18 小时前
vue中tailwindcss插件的引入及使用
前端·javascript·vue.js
戌中横18 小时前
JavaScript——预解析
前端·javascript·学习
Monly2118 小时前
Java:修改打包配置文件
java·开发语言
AALoveTouch18 小时前
大麦网协议分析
javascript·python
●VON18 小时前
React Native for OpenHarmony:2048 小游戏的开发与跨平台适配实践
javascript·学习·react native·react.js·von