Day15--加入购物车-初始化vuex

news2025/1/15 17:12:10

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 模块,示例代码如下:

 

 

 

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/45060.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

11月29日:thinkphp框架->请求

回忆上节知识点 thinkphp官方文档解释 Rest控制器:主要是对资源进行控制,在thinkphp6.0开始废弃,推荐使用资源控制器 Rest控制器使用符合RESTFul风格,RESTFul方法和标准模式的操作方法定义主要区别在于,需要对请求类型…

Linux圈子里的“鲁大师“dmidecode-尚文网络xUP楠哥

~~全文共1189字,阅读需约5分钟。 进Q群11372462,领取专属报名福利,包含云计算学习路线图代表性实战训练大厂云计算面试题资料! Linux系统内核中有这样一个叫做DMI的东东,英文全称是Desktop Management Interface,翻译…

Ubutun搭建集群遇到的一些问题

安装部署K8s集群时会遇到很多问题,以下都是我踩过的坑,还有一些小坑当时没来得及记录,后续如果有遇到的话再进行补充。此处非常感谢江城琉璃梦同学对我的帮助。 1.工作节点执行kubectl get nodes时拒绝连接 执行指令:kubectl ge…

管理最忌讳用权管人

阅读本文大概需要 1.66 分钟。最近星球在更新一些系列课程,其中有一节课叫「怎样从技术人转型管理者?」应该很适合大多读者,毕竟关注我的读者里,做技术做管理的居多,所以这篇也发这里给大家分享下。程序员做技术的&…

网络结点中心性

结点中心性 node centrality 被认为是度量网络结点重要性的重要指标 常用的结点中心性有以下五种: (以下各中心的概念在不同地方的定义可能不同,实际计算应查看使用工具的具体实现) 1、度中心性 degree centrality 常被直接称为…

使用SPSSAU进行Roc联合诊断

1.基本思想 在一些医学临床研究中,有很多影响因素(或者指标)会对诊断起着作用。比如‘低出生体重儿’的出生,受到产妇年龄,产妇体重,产妇在妊娠期间是否吸烟,是否患有高血压共4项指标的影响。 …

一种高选择性和灵敏的荧光生物标记物,可用于标记碱性磷酸酶 (ALP),5-FAM-Alkyne,510758-19-7,荧光生物标记物

【中文名称】5-羧基荧光素-炔烃【英文名称】 FAM alkyne,5-isomer,5-FAM alkyne【结 构 式】 【CAS号】510758-19-7 【分子式】C24H15NO6【分子量】413.39【基团】炔基基团【纯度】95%【规格标准】5mg,10mg,25mg,包装灵活&#x…

LeetCode - 76 最小覆盖子串

目录 题目来源 题目描述 示例 提示 题目解析 算法源码 题目来源 76. 最小覆盖子串 - 力扣(LeetCode) 题目描述 给你一个字符串 s 、一个字符串 t 。返回 s 中涵盖 t 所有字符的最小子串。如果 s 中不存在涵盖 t 所有字符的子串,则返回…

基于java+springboot+mybatis+vue+elementui的会议管理系统

项目介绍 随着社会竞争压力的不断加强 ,企事业单位内部的会议都在不断的增加,有效的会议可以提高企事业内部的沟通,更好的做出符合战略目标的决策。但是当下会议的交接工作一直是通过人们口头传达的方式来进行的,很明显这种方式比…

NLP文章和视频违规声明原创案例集锦

一、 文章违规声明原创案例集锦 平台鼓励用户就自行创作并发布的作品标识原创,但作品本身应符合以下前提: 1、受著作权法保护(如公开性质内容不具备著作权,则不在原创范围内) 2、不得侵犯他人权益(如未经授权使用他人内容,则不在原创范围内) 3、符合平台运营规范(…

C++利器STL——vector详解

要努力,但不要着急,繁花锦簇,硕果累累都需要过程! 目录 1.vector的介绍及使用 1.1vector的介绍 1.2vector的使用 2.vector模拟实现 3.vector常见试题 1.vector的介绍及使用 1.1vector的介绍 1. vector是表示可变大小数组的序列容…

从查询语句执行流程看MySQL架构

言 常言道,看待一个事情要先知全貌,从高维度认识、理解,然后再深入各个细节,一一击破。MySQL的学习也不例外,那么你知道一条SQL在MySQL中执行要经历哪些步骤吗?每个步骤都有MySQL的哪些“零件”参与吗&…

双十二薅羊毛!这几款数码好物不可错过

双十二即将开始,在这段时间里有的人已经将自己心仪的塞满了整个购物车了吧,而有的人还没想好到底要入手什么,如果你也是还在纠结的话,不知道该买什么又或是想知道哪些产品更适合你入手,不妨来看看小编今天为你带来的这…

【JavaScript函数】

JavaScript函数1 本节目标2 函数的概念3 函数的使用3.1 声明函数3.2 调用函数3.3 函数的封装4 函数的参数4.1 形参和实参4.2 执行过程4.3 注意点4.4 函数形参和实参个数不匹配问题5 函数的返回值5.1 return语句5.2 函数返回值注意事项5.3 break,continue,return的区别6 argumen…

Python 中的安全密码处理

前言 几乎每个应用程序都需要某种形式的身份验证、密码处理或使用安全凭据,例如 API 密钥。您可能不是安全专家,但您应该知道如何安全地处理所有这些密码和凭据,以保护应用程序用户的凭据和数据以及您自己的 API 密钥和各种令牌。 &#xf…

GitHub 最全的开发资源汇总系列

GitHub 最全的开发资源汇总系列 了解学习开发各种项目!!! GitHub 最全的开发资源汇总系列 由伯乐在线持续更新 Java 资源大全;Java资源大全中文版,包括开发库、开发工具、网站、博客、微信、微博等。 —— Java资源…

建筑结构抗震分析之施加地震波的方法与理论机理

一、地震波的输入有三种方式: 第一种是是质量加速度施加法,通过达朗贝尔原理,将地震作用转化为施加在质点上惯性力;第二种是底部位移法,在结构底部直接输入位移地震波,模拟地面震动反应,计算结…

Function 源码解析与实践

作者:陈昌浩 1 导读 if…else…在代码中经常使用,听说可以通过 Java 8 的 Function 接口来消灭 if…else…!Function 接口是什么?如果通过 Function 接口接口消灭 if…else…呢?让我们一起来探索一下吧。 2 Functio…

共享新机遇 共谋新发展 | 蓝海创意云携元宇宙技术参展2022昆明南博会

11月19日,第6届中国-南亚博览会暨第26届中国昆明进出口商品交易会(以下简称南博会)在昆明盛大开幕,经过10年的精心打造,南博会已经成为集国际贸易、投资洽谈、文化交流等为一体的高水平综合性国际博览会。 蓝海创意云…

草料二维码表单如何推送至工作群

在我们使用草料二维码进行隐患排查、故障报修、预约报名、巡检异常等场景时,需要时不时查看草料后台,检查是否有新的信息更新,或者提交后人工再单独通知一次,经常造成信息传递不及时,那么能不能当有表单提交时&#xf…