【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. 动态计算总价和总数量
相关推荐
SimonLiu0091 分钟前
React Native 项目 Error: EMFILE: too many open files, watch
javascript·react native·react.js
xinglee7 分钟前
如何实现优雅的删除动画
前端·javascript·面试
远洋录33 分钟前
WebSocket 安全实践:从认证到加密
前端·人工智能·react
贩卖纯净水.36 分钟前
JS进阶--JS听到了不灭的回响
java·前端·javascript
番茄小酱00136 分钟前
select下拉框,首次进入页面没有显示value的情况
前端·javascript·vue.js·vue
爱上你家菜包37 分钟前
我的前端面试笔记(React篇)
前端·react.js
LCG元42 分钟前
Vue.js组件开发-如何动态更改图表类型
vue.js
互联网-小阿宇1 小时前
【HTML+CSS+JS+VUE】web前端教程-1-VScode开发者工具快捷键
前端·javascript·html
鲤鱼池1 小时前
JavaScript:内存与内存泄露
javascript
顾尘眠1 小时前
element(vue2)表格插槽
javascript·vue.js·elementui