Vue中的this.$store.state.xx.xx

this.$store.state.xx.xx 其实是Vue用到状态管理工具Vuex
Vuex官网：https://vuex.vuejs.org/zh/
感觉就是把组件的共享状态抽取出来，以一个全局单例模式管理。在这种模式下，我们的组件树构成了一个巨大的“视图”，不管在树的哪个位置，任何组件都能获取状态或者触发行为！（在项目的任意地方都可以随时获取和动态的修改，在修改之后，vue会为你的整个项目做更新）

获取store中的数据

在vue根文件中注册store，这样所有的组件都可以使用store中的数据了

我的项目文件结构：

在main.js文件中注册store

然后代码中写到

登录后前端有缓存userId，然后通过userId再去查找

这个位子就用到了公共页面里面的

总结：main.js是工会老大，你把奖励给了老大，老大有的道具会交给你使用，那么你就可以通过this来使用，不知道我这样总结的对不对，如果不对，欢迎一起探讨

作者：鲨鱼辣椒灬
来源：CSDN

Vue中的this.$store.state.xx.xx相关推荐

在vue中使用vuex,修改state的值示例
1. 安装 vuex npm install vuex -S 2.在目录下创建store文件 3. 在store.js编辑一个修改state的方法然后在mian.js中全局引入最后在组件中使用这 ...
vue项目都在什么时候用store.state、$store.state和this.$store.state
store 和 [this.]$store 简单来说,如果你在根组件下注入了store那么所有的.vue文件里使用就可以直接用 this.$store.xxxx Vue官网:为了在 Vue 组件中访问 ...
vue报错：Error: [vuex] Do not mutate vuex store state outside mutation handlers.
报错原理解读 Error: [vuex] Do not mutate vuex store state outside mutation handlers. 该报错从文本意思理解还是很清晰的,不要在m ...
vue 父刷新子_父组件中vuex方法更新state子组件不能及时更新并渲染的完美解决方法...
场景: 我实际用到的是这样的,我父组件引用子组件related,父组件调用获取页面详情的方法,更新了state值related,子组件根据该related来渲染相关新闻内容,但是页面打开的时候总是先加 ...
vue中的状态管理 vuex store
vuex store 是响应式的,当vue组件从store中读取状态(state)时,若store中的状态发生更新时,会及时的响应给其他的组件. store 中的四个核心选项: state m ...
Vue 中 store 基本用法
最近在使用vue的过程中,遇到一个需求,就是需要在不同路由中使用同一个会改编的参数,也就是需要一个全局参数,一看见全局,不就是使用window呗.可是既然已经使用vue了,当然要研究一下vue里面怎么 ...
Vuex---在 Vue 组件中获得 Vuex 状态state
Vuex使用单一状态树(一个对象就包含了全部的应用层级状态),它作为唯一数据源存在,每个应用仅仅有一个store实例. 单一状态树使得我们能够直接定位任一特定的状态片段,在调试过程中也能轻易地取得整个 ...
在vue组件中使用vuex的state状态对象的5种方式
下面是store文件夹下的state.js和index.js内容 state.js //state.js const state = {headerBgOpacity:0,loginStatus:0, ...
Python中“xx+=xx”与“xx=xx+xx”的区别
Python中"xx+=xx"与"xx=xx+xx"的区别: 可变类型有: list(列表),dict(字典) 不可变类型有: string,integer,t ...

Vue中的this.$store.state.xx.xx

Vue中的this.$store.state.xx.xx相关推荐

最新文章

热门文章