标签：总结 state 小白 参数 Mutation Action Vuex store mutation

这里写自定义目录标题

• • state：存储数据的地方
  • Mutation：同步修改
  • Mutation带参数
  • Action 异步修改：必须先写mutation，再写action
  • Action带参数

写在开头：本人小白，菜，刚刚开始学习，分享自己看vuex做的笔记。
State：存放数据的
Mutation：同步的修改，修改必须使用他。
Action：异步修改，要先用mutation再用action

state：存储数据的地方

在vuex里面直接写
在页面上使用是$store.state.xxx

//定义数据
state: {
		name: "草莓SAMA",	
		num: 0,
	},

//在页面上使用上面所定义的数据
console.log(this.$store.state.name)
//这个$store.state是固定写法，
//后面的name对应在上面定义时取的名字

Mutation：同步修改

定义写法：方法名（state）{ state.在state里面的数据名字）}
在页面上使用 $store.commit.方法名

Mutation带参数

只是在括号里面加上了参数，和不带参数写法是一样的。

Action 异步修改：必须先写mutation，再写action

定义写法：方法名（context）{context.commit（mutation里面的方法名）}
在页面使用：this.$store.dispatch(“方法名”)

Action带参数

还是和不带参数差不多的写法。

标签：总结,state,小白,参数,Mutation,Action,Vuex,store,mutation
来源： https://blog.csdn.net/xwq997997/article/details/113827083

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。