vue项目中vuex的安装和使用

摘要:
它使用集中存储来管理应用程序所有组件的状态//vuex.vuejs.org/zh/1.下载并安装vuex,打开IDE(我的版本是vscode),进入终端,并显示版本信息以指示安装完成。2.导入vuex包并创建存储库。在项目文件目录中,在src目录中创建一个名为store的文件夹,并在store文件夹中创建名为index.js的新文件,并在文件中配置以下内容:

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。详情可参阅vuex官网    https://vuex.vuejs.org/zh/

1、下载安装vuex

打开IDE(我的是vscode)进入终端,进入项目文件,输入命令行npm install vuex --save,显示版本信息等即表示安装完成,这里就不贴图了。

2、导入vuex包并创建store仓库

在项目文件目录中,在src目录下创建一个名为store的文件夹,在store文件夹中新建一个名为index.js的文件,如下图,并在文件中进行如下配置:

vue项目中vuex的安装和使用第1张

3、在main.js中导入store实例

进入src目录中的main.js文件,导入刚刚新建的store实例,如下图:

vue项目中vuex的安装和使用第2张

4、检测vuex是否安装完成

完成以上步骤就配置完成了,现在测试一下是否可用,在HelloWorld.vue页面中,输入{{ this.$store.state.count }},由于前面设置的count的值为1,因此页面若出现数字1,则表示vuex可用了。

vue项目中vuex的安装和使用第3张

参考---https://blog.csdn.net/weixin_40591153/article/details/105303324

免责声明:文章转载自《vue项目中vuex的安装和使用》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Python多进程和多线程(跑满CPU)及IO模型详解Spring Boot 项目实战(六)集成 Apollo下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

RMAN数据库恢复之控制文件和参数文件恢复

一、控制文件的恢复1、查询控制文件的路径 SQL> SELECT * FROM V$CONTROLFILE; STATUS NAME IS_RECOVERY_DEST_FILE BLOCK_SIZE FILE_SIZE_BLKS ------- ---------------------------------------------------...

内存转储文件 Memory.dmp

https://baike.sogou.com/v63435711.htm?fromTitle=内存转存文件 内存转储是用于系统崩溃时,将内存中的数据转储保存在转储文件中,供给有关人员进行排错分析用途。而它所保存生成的文件就叫做内存转储文件。 内存转储文件也被称作 虚拟内存,它是用硬盘里的一段空间虚拟成内存来存放程序来运行,由于硬盘的运行速度比内存慢很多,...

给ubuntu换内核

本文为原创,转载请注明:http://www.cnblogs.com/tolimit/ 下载内核源码   有两种方式,一种方式是直接从官网:https://www.kernel.org/直接下载,另一种方式是通过git进行下载。   首先,在官网内核版本分为三种: mainline:主线版本,最新的 stable:稳定版本 longterm:长期支...

tcpip详解笔记(15) TCP协议连接过程

TCP是一个面向连接的协议,在发送数据之前,双方必须通过三次握手协议建立连接,而在终止连接的时候执行4次握手协议。 连接建立和终止 先看一下telnet连接服务器80端口的抓包:   上图由wireshark抓取,并显示了TCP状态图(注意:由于网络阻塞,发生了丢包现象,4是对2的重发,而5是对4的响应(同3相同))。 根据上图可以看到建立一个TCP连接的...

EasyDSS中如何利用FFmpeg对MP4文件进行字幕叠加?

上一篇我们讲了在EasyDSS内可以通过FFmpeg对音视频进行裁剪,那么裁剪后我们又想进行字幕叠加时应该怎么做?其实这个需求也可以通过FFmpeg来满足,我们只需要调用对应的命令就可以了。 在具体教大家怎么叠加字幕之前,先给大家普及一下字幕文件的格式,字幕文件有很多种,常见的有 .srt,.ass 文件等。不同格式的字幕文件也可以相互转换,命令如下:...

ES入门 (3) 语法(1)DDL(1) 索引操作

1 RESTful   REST 指的是一组架构约束条件和原则。满足这些约束条件和原则的应用程序或设计就是 RESTful。Web 应用程序最重要的 REST 原则是,客户端和服务器之间的交互在请求之间是无状态的。从客户端到服务器的每个请求都必须包含理解请求所必需的信息。如果服务器在请求之间的任何时间点重启,客户端不会得到通知。此外,无状态请求可以由任何可...