![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vuex
正版蜀黍
文章纯属个人笔记,如有错误,望请纠正~(如有侵权,请联系删除)
展开
-
uni-app中使用vuex
一、在项目中新建目录 store二、在 store 目录下新建 index.js 文件三、index.js 文件内容如下// 导入vue模块import Vue from 'vue'// 导入vuex模块import Vuex from 'vuex'// 导入外部vuex核心属性import state from './state.js'import getters from './getters.js'import actions from './actions.js'impor原创 2020-10-14 16:17:34 · 710 阅读 · 1 评论 -
Vuex中的mutations属性详解
一、mutations属性介绍是唯一一种方式来修改state中的状态的;在组件的自定义方法中,使用this.$store.commit(‘对应mutations中的方法’, 新的值)方法,把新的值提交给mutations中相对应的方法,mutations属性中的每个方法中有两个参数,分比为state和payload;state其实就是vuex中的state属性,payload叫做mutations的载荷,其实就是传过来的值。一般payload传的是一个对象,这样可以包含多个字段并且记录的 mutatio原创 2020-08-27 18:00:39 · 15150 阅读 · 0 评论 -
Vuex中的state属性详解
一、state属性介绍state属性是Vuex中用于存放组件之间共享的数据;也就是说,我们把一些组件之间共享的状态主要存放在state属性中;它采用的是单一状态树——用一个对象就包含了全部的应用层级状态。这也意味着,每个应用将仅仅包含一个 store 实例。单一状态树让我们能够直接地定位任一特定的状态片段,在调试的过程中也能轻易地取得整个当前应用状态的快照。二、state的使用在HTML中我们可以直接省略 this 关键字 ,直接使用 $store.state.状态名(变量名) 来访问 vuex 中原创 2020-08-27 17:31:39 · 7971 阅读 · 0 评论 -
Vuex的安装和基本使用
一、vuex的安装分为两种情况:项目初始搭建时:用vue-cli3以上的脚手架搭建项目时可以选择安装vuex模块,脚手架会帮我们配置好最初的一个vuex功能; 用vue-cli2的脚手架搭建项目时,则无法让脚手架帮我们自动安装vuex的功能,需要在项目搭建完毕后,使用命令安装模块并手动配置相关功能(如下配置);项目搭建完毕后:① 使用 npm install vuex --save 命令来安装vuex模块; 在 src 目录下新建store文件夹,store文件夹下新建 index原创 2020-08-27 16:28:37 · 285 阅读 · 0 评论 -
Vuex的介绍和应用场景
一、Vuex的介绍(是什么)引用Vuex官方文档的介绍:Vuex 是一个专为 Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到Vue 的官方调试工具 devtools extension ,提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。当我们构建中大型SPA(单页面应用)项目时,Vuex则从中具有非常大的作用。二、Vuex的应用场景涉及到非父子组件之间的传值原创 2020-08-27 16:10:15 · 1046 阅读 · 0 评论