【Vue】购物车案例-构建项目

  1. 脚手架新建项目 (注意:勾选vuex)

    版本说明:

    vue2 vue-router3 vuex3

    vue3 vue-router4 vuex4/pinia

    vue create vue-cart-demo

需要勾选上vuex,由于这个项目只有一个页面,vuex可勾可不勾

  1. 将原本src内容清空,替换成教学资料的《vuex-cart-准备代码》

需求:

  1. 发请求动态渲染购物车,数据存vuex (存cart模块, 将来还会有user模块,article模块...)
  2. 数字框可以修改数据
  3. 动态计算总价和总数量
相关推荐
懒羊羊我小弟13 分钟前
使用 ECharts GL 实现交互式 3D 饼图:技术解析与实践
前端·vue.js·3d·前端框架·echarts
前端小巷子14 分钟前
CSS3 遮罩
前端·css·面试·css3
运维@小兵18 分钟前
vue访问后端接口,实现用户注册
前端·javascript·vue.js
雨汨21 分钟前
web:InfiniteScroll 无限滚动
前端·javascript·vue.js
小盐巴小严44 分钟前
正则表达式
javascript·正则表达式
Samuel-Gyx1 小时前
前端 CSS 样式书写与选择器 基础知识
前端·css
天天打码1 小时前
Rspack:字节跳动自研 Web 构建工具-基于 Rust打造高性能前端工具链
开发语言·前端·javascript·rust·开源
AA-代码批发V哥1 小时前
正则表达式: 从基础到进阶的语法指南
java·开发语言·javascript·python·正则表达式
字节高级特工2 小时前
【C++】”如虎添翼“:模板初阶
java·c语言·前端·javascript·c++·学习·算法
小冻梨!!!2 小时前
Spark,在shell中运行RDD程序
大数据·javascript·spark