【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. 动态计算总价和总数量
相关推荐
江城开朗的豌豆22 分钟前
JavaScript篇:自定义事件:让你的代码学会'打小报告'
前端·javascript·面试
ai产品老杨1 小时前
减少交通拥堵、提高效率、改善交通安全的智慧交通开源了。
前端·vue.js·算法·ecmascript·音视频
lexiangqicheng1 小时前
JS-- for...in和for...of
开发语言·前端·javascript
smallluan1 小时前
JS设计模式(4):观察者模式
javascript·观察者模式·设计模式
粥里有勺糖1 小时前
视野修炼-技术周刊第122期 | 发光图片制作
前端·javascript·github
y102121041 小时前
Python训练营打卡Day42
开发语言·javascript·ecmascript
Carlos_sam2 小时前
OpenLayers:封装Tooltip
前端·javascript
张老爷子2 小时前
记录uniapp开发安卓使用webRTC实现语音推送
vue.js
工呈士2 小时前
MobX与响应式编程实践
前端·react.js·面试
嘉小华2 小时前
Android Lifecycle 使用
前端