【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. 动态计算总价和总数量
相关推荐
万物得其道者成6 小时前
用 Python + MySQL + Web 打造我的私有 Apple 设备监控面板
前端·python·mysql
Hi_kenyon6 小时前
快速入门VUE与JS(二)--getter函数(取值器)与setter(存值器)
前端·javascript·vue.js
海云前端16 小时前
前端面试加分技巧:文本省略 + Tooltip 优雅实现,附可直接复用代码(求职党必看)
前端
3秒一个大6 小时前
模块化 CSS:解决样式污染的前端工程化方案
css·vue.js·react.js
在西安放羊的牛油果6 小时前
浅谈 storeToRefs
前端·typescript·vuex
triumph_passion6 小时前
Zustand 从入门到精通:我的工程实践笔记
前端·性能优化
pusheng20256 小时前
双气联防技术在下一代储能系统安全预警中的应用
前端·安全
C_心欲无痕6 小时前
ts - 交叉类型
前端·git·typescript
彭涛3616 小时前
Blog-SSR 系统操作手册(v1.0.0)
前端
全栈前端老曹6 小时前
【前端路由】React Router 权限路由控制 - 登录验证、私有路由封装、高阶组件实现路由守卫
前端·javascript·react.js·前端框架·react-router·前端路由·权限路由