购物车案例

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

相关推荐
tgethe15 小时前
java并发——1
java·开发语言·面试
郑州光合科技余经理15 小时前
海外O2O系统源码剖析:多语言、多货币架构设计与二次开发实践
java·开发语言·前端·小程序·系统架构·uni-app·php
工程师老罗21 小时前
Image(图像)的用法
java·前端·javascript
早點睡39021 小时前
ReactNative项目OpenHarmony三方库集成实战:react-native-swiper
javascript·react native·react.js
globaldomain21 小时前
什么是用于长距离高速传输的TCP窗口扩展?
开发语言·网络·php
沈阳信息学奥赛培训21 小时前
#undef 指令 (C/C++)
c语言·开发语言·c++
2401_8732046521 小时前
分布式系统安全通信
开发语言·c++·算法
jump_jump1 天前
深入 JavaScript Iterator Helpers:从 API 到引擎实现
javascript·性能优化
swipe1 天前
把 JavaScript 原型讲透:从 `[[Prototype]]`、`prototype` 到 `constructor` 的完整心智模型
前端·javascript·面试
Dxy12393102161 天前
JS发送请求的方法详解
开发语言·javascript·ecmascript