Day15--加入购物车-初始化vuex
创始人
2024-02-27 16:47:31
0

1.加入购物车:

我的操作: 

 *************************************************************************************************************

2.购物车里面的商品数据在多个页面都会用到。所以把购物车里面的商品数据存储在vuex里面,

我的操作:

1》在项目根目录中创建 store 文件夹,专门用来存放 vuex 相关的模块

2》在 store 目录上鼠标右键,选择 新建 -> js文件,新建 store.js 文件:

3》 在 store.js 中按照如下 4 个步骤初始化 Store 的实例对象

4》在 main.js 中导入 store 实例对象并挂载到 Vue 的实例上:

①导入store实例对象

 ②:挂载store实例对象到Vue实例上:

************************************************************************************************************** 

 3.创建购物车的 store 模块

1》在 store 目录上鼠标右键,选择 新建 -> js文件,创建购物车的 store 模块,命名为 cart.js

2》在 cart.js 中,初始化如下的 vuex 模块:

3》在 store/store.js 模块中,导入并挂载购物车的 vuex 模块,示例代码如下:

 

 

 

 

相关内容

热门资讯

修复 爱普生 EPSON L4... L4151 L4153 L4156 L4158 L4163 L4165 L4166 L4168 L4...
【PdgCntEditor】解... 一、问题背景 大部分的图书对应的PDF,目录中的页码并非PDF中直接索引的页码...
监控摄像头接入GB28181平... 流程简介将监控摄像头的视频在网站和APP中直播,要解决的几个问题是:1&...
在Word、WPS中插入AxM... 引言 我最近需要写一些文章,在排版时发现AxMath插入的公式竟然会导致行间距异常&#...
protocol buffer... 目录 目录 什么是protocol buffer 1.protobuf 1.1安装  1.2使用...
【前端】‘??‘与‘||‘有什... 0 问题 经常写const data = res.data.a ?? ''或者const d...
Windows10添加群晖磁盘... 在使用群晖NAS时,我们需要通过本地映射的方式把NAS映射成本地的一块磁盘使用。 通过...
牛客计算器的改良(Python... 文章目录1.题目描述2.输入描述:3.输出描述:4.示例15.分析6.代码7.结语 链接࿱...
正大杯|市调大赛|2023备赛... 关键信息 同时随着精细化养宠趋势的深入,宠物消费类目日渐丰富。 本报告通过 Niuco...
QGIS下载在线地图(Goog... 前言 国内外有很多在线地图下载软件,但功能单一,基本上只能下载数据&#x...