购物车案例

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

相关推荐
hmbbcsm4 分钟前
练习python题目小记(六)
开发语言·python
前端加油站9 分钟前
一种新HTML 页面转换成 PDF 技术方案
前端·javascript·vue.js
w***Q35015 分钟前
Vue打包
前端·javascript·vue.js
有事没事实验室21 分钟前
router-link的custom模式
前端·javascript·vue.js
4***V20222 分钟前
Vue3响应式原理详解
开发语言·javascript·ecmascript
q***985223 分钟前
VS Code 中如何运行Java SpringBoot的项目
java·开发语言·spring boot
共享家952736 分钟前
QT-界面优化(中)
开发语言·qt
李日灐42 分钟前
手搓简单 string 库:了解C++ 字符串底层
开发语言·c++
say_fall1 小时前
C语言编程实战:每日一题 - day7
c语言·开发语言
LiLiYuan.1 小时前
【Lombok库常用注解】
java·开发语言·python