关于vuex中的状态变量的思考???
2024-09-05 09:15:44
store中存取的为整个项目的公共变量,通过设置mutation来改变他们
假设现有如下代码:
const store = new Vuex.Store({
state: { userInfo:{
name:''
}
},
mutations: { setuserInfo:(state,value) => {
const obj = state;
obj.userInfo = value
}
},
getters:{ }
})
我们定义了一个userInfo变量,通过mutation方法,
1,在页面A中 我们开启keepAlive,并在第一次mounted的时候将该页面的userInfo(记录为vara)赋值为this.$store.state.userInfo(记录为varb);
2,然后我们在B页面中改变store中的这一变量:this.$store.commit('setuserInfo',res);
3,当我们回到A页面时,发现userInfo还是改变了,那么问题来了 ,我只在mounted的时候 将varb的一份引用复制给vara,之后在B页面改变的时候 使得 vara的指向另外一个res,按理来说vara还是指向之前的varb,可是结果仍旧是vara改变了
可能的原因解释:
在3步骤中我们声明了个一个赋值操作:
const obj = state;
obj.userInfo = value
这一步的根本意思应该是将 state.
userInfo 按照属性一一赋值于value;即为了保证初始的那个引用,这里的vue内部实际操作应该是:
for(let j in value){
obj.userInfo[j] = value[j]
}
保证了其初始应用,那么 this.userInfo和this.$store.state,userInfo始终指向同一个应用,所以this.userInfo也跟着改变了
未深入vuex源码 ,所以是否这样解释正确??
未完待续。。。。。。。。。。。。
最新文章
- 4. web前端开发分享-css,js工具篇
- Java多线程--线程安全问题的相关研究
- iOS项目旋转控制
- LNMP 部署
- 71 fdisk-Linux 的磁盘分区表操作工具。
- 2015弱校联盟(1) -J. Right turn
- Chrome商店Crx离线安装包下载
- C#中登录验证FormsAuthentication
- Sql狗血的Bit类型赋值与取值
- 用PHP实现一个高效安全的ftp服务器(二)
- Linux Shell编程(2)——第一个shell程序
- myeclipse插件安装
- char *p 和char *p[]
- JavaScript 入門
- C语言中,#include <;>;和#include ";";的区别和注意点
- mac系统下安装jdk并配置环境变量
- Matplotlib学习---用matplotlib画直方图/密度图(histogram, density plot)
- vue计算属性和侦听器
- Saiku二次开发获取源代码在本地编译(五)
- IO多路复用的机制:select、poll、epoll