Store内外 state/mutations 冲突问题

最新推荐文章于 2024-05-17 14:35:35 发布
最新推荐文章于 2024-05-17 14:35:35 发布
阅读量488 收藏
点赞数
分类专栏： vue学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/AdamMaoKkk/article/details/109345105
版权
在学习Vuex时遇到了State冲突问题，错误提示为'state'被赋值但未使用。理解到Store内外的state必须唯一，外部存在state时，Store内的state不能用括号。解决办法包括：确保Store内部的state定义无误，避免Store内外state冲突；同时，mutations可能也有类似问题。接下来将深入研究state和mutations并撰写相关介绍。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

这两天初学vuex，在编写程序的时候遇到这个问题，state冲突，改了半天才把error解决，记录一下这个问题和自己的一点理解。


我一开始是这么写的

在这里插入图片描述
得到报错如下

在这里插入图片描述


我的理解 是写在store内外的state只能唯一
要是外面有state并存数，Store内的state就不能带括号
要是外面无state，那就可以在Store内给state存数


比如在外面写了state，还在Store内用了带括号的state如下

在这里插入图片描述

Vue就会给你报错：

error: ‘state’ is assigned a value but never used (no-unused-vars) at src\store.js:6:7:

在这里插入图片描述

翻译过来即是：显示state定义了却未使用

意思是你写的state.count 引用无法被vue识别，故显示其未使用
引用找不到的话，那大概是定义或声明出了问题，我们就从这里入手
我们就想到，是不是 Store 内外的 state 冲突了呢？
这么一改，真的成功了


所以正确的写法是：

1、写在Store 内部

在这里插入图片描述
2、写在Store外部，但Store内的state后面不要带分号和括号

在这里插入图片描述




我想，mutations同理应该也会有类似的冲突问题。
我现在对这两个单词的定义还很模糊，我要先去研究下state和mutations ，后面会单独写一篇关于vuex中state和mutations 的介绍

vue项目都在什么时候用store.state、$store.state和this.$store.state
sendudu的博客
08-13 1万+
store 和 [this.]$store 单来说，如果你在根组件下注入了store那么所有的.vue文件里使用就可以直接用 this.$store.xxxx Vue官网：为了在 Vue 组件中访问 this.$store.property，你需要为 Vue 实例提供创建好的 store。Vuex 提供了一个从根组件向所有子组件，以 store 选项的方式“注入”该 store 的机制 //main.js import store from './store' new Vue({ el: '#a
Vue2-Vue3.0学习笔记（2021年黑马程序员最新视频）
m0_67402588的博客
03-09 2165
Vue 介绍 什么是 vue ？ 构建用户界面 用 vue 往 html 页面中填充数据，非常的方便 框架 框架是一套现成的解决方案，程序员只能遵守框架的规范，去编写自己的业务功能！ 要学习 vue，就是在学习 vue 框架中规定的用法！ vue 的指令、组件（是对 UI 结构的复用）、路由、Vuex、vue 组件库 只有把上面老师罗列的内容掌握以后，才有开发 vue 项目的能力！ vue 的两个特性 数据驱动视图： 数据的变化会驱动视图自动更新 好处：程序员只管把数据维护好，那么页面
【Vue】在VsCode中报错 error ‘xxx‘ is assigned a value but never used的解决方法
【敦厚的曹操】的专栏
06-13 5288
【Vue】在VsCode中报错 error ‘xxx‘ is assigned a value but never used的解决方法
错误 “error ‘XXX‘ is assigned a value but never used no-unused-vars“
yy_alone的博客
08-22 3176
在package.json中配置项rules添加 no-unused-vars: off。代码未出问题但是报错，网上查了之后发现是eslint的问题
报错“error ‘res‘ is assigned a value but never used no-unused-vars“
qq_48617322的博客
10-13 1061
git上传报错"error 'res' is assigned a value but never used no-unused-vars"
使用pinia遇到的坑
weixin_43257360的博客
04-03 2048
我在app.vue中给router-view套了个spin，把这个spin绑定了一个state,然后在axios封装的js文件中进行修改，但是，在js文件中进行修改，vue文件无法实时监听state的属性变化。我之前Vue2的项目，这个事情都交给Vuex去做，这里，我就想当然的交给pinia去做了。最近在进行vue3的开发中，使用了pinia，在vue文件中引入就是响应式的，确实很好用，但是pinia也有一些缺点，这里分享一些我遇到的和pinia有关的坑以及解决办法。2.非Vue文件中使用无法响应式。
记录遇到的web前端开发面试题（八股文）
qq_41347964的博客
04-20 1万+
文章目录前言一、javascript相关1.js的八个基本数据类型（高频）2.this的五种指向方式3.Function的call，apply和bind方法的区别？4.Promise，手写promise5.闭包6.原型链，作用域链与原型链的区别？7.继承与继承的五种实现方式8.深拷贝与浅拷贝的区别？（高频）9.事件委托10.var，const和let对比（高频）11.宏任务与微任务12.bind的实现方式13.eventloop，事件循环（超高频）14.new的过程，手动实现一个new方法15.0.1+0.
前端面试题
m0_58225312的博客
10-11 688
1、如何让一个元素水平垂直居中 通过给父元素设置CSS样式： display:flex; align-items:center; justify-content:center; 2、Var，let和const的区别 var 属于函数作用域,有变量提升,可以重复声明 let 属于块级作用域,没有变量提升,不能重复声明 const 属于块级作用域,没有变量提升,变量不能被修改,不可以重复声明,存在暂时性死区 3、普通函数和箭头函数有什么区别 箭头函数的 this 永远指向其上下文的 this ，任何方法都改
2021年最新Web前端面试题精选大全及答案
m0_54861649的博客
03-07 2143
目录 HTML、CSS相关 Javascript相关 三者的异同 Vue相关 55.Vue路由懒加载（按需加载路由） React相关 react 生命周期函数 ******为什么虚拟 dom 会提高性能?(必考) (组件的)状态(state)和属性(props)之间有何不同 shouldComponentUpdate 是做什么的 react diff 原理 何为受控组件 调用 super(props) 的目的是什么 React 中构建组件的方式 小程序相关的 其他 企业中的项目流程 奇葩问题 HTML、C
Vuex 基础
weixin_53500514的博客
04-01 4308
文章目录 目录 文章目录 前言 一、Vuex是什么？ 二、初始化 三、Vuex组成 （一） state 1.定义 2. 原始调用 3.辅助函数 - mapState (二)mutations 1.定义 2.原始调用 3.辅助函数 - mapMutations （三）actions 1.定义 2.原始调用 3.辅助函数 -mapActions （四）getters 1.定义 2.原始调用 ...
eslint react xxx is assigned a value but never used 的解决办法
Dove的博客
10-29 2969
原因：Eslint的语法检查导致的 在声明变量的当前行加上一条注释// eslint-disable-line no-unused-vars var Datalist = [] // eslint-disable-line no-unused-vars
vue踩坑：error 'res' is assigned a value but never used no-unused-vars
热门推荐
祈澈菇凉
04-08 1万+
写代码的时候，遇到了这样的一个报错 error in ./src/views/CategoryEdit.vue Module Error (from ./node_modules/eslint-loader/index.js): D:\node-vue-moba\admin\src\views\CategoryEdit.vue 24:11 error 'res' ...
is defined but never used与is assigned a value but never used
weixin_36562747的博客
12-06 1万+
is defined but never used 一般出现在引用（import）了资源以后并没有使用，未引用的东西删除即可 is assigned a value but never used 常见在定义了变量但是没有使用此变量 ...
Vuex中的$store.state和Storage的区别
加油小伙子
08-05 3135
1、存储位置及类型： Storage 是存在本地缓存； Vuex 是存储在内存中。 localStorage 和 sessionStorage 只能存储字符串类型，对于复杂的对象可以封装storage 2、实效性： localStorage（本地存储）存储在本地，永久保存； sessionStorage（会话存储），临时保存，页面关闭即失效； Vuex 页面刷新时会失效，因为 Vuex 是存在内存中，当页面（F5）刷新时属于清除内存，Vuex 存储的值会丢失。因此需要重新拉取解决这一问题 3
vuex-store状态管理仓库的核心概念五个（state，getter，matation，action，module）详细解析（2024-05-17）
最新发布
hap1994的博客
05-17 2738
Vuex 可以帮助我们管理共享状态，并附带了更多的概念和框架。Vuex 是一个专为 Vue.js 应用程序开发的。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。
组件访问VUEX.store中的state中的数据
qq_44173499的博客
02-27 4140
组件访问VUEX.store中的state中的数据 在组件的computed中，使用this.$store.state.xxx 去访问数据 1.数据仓库store 定义好公共数据 Markup var store = new Vuex.Store({ namespaced:true, state: { totalPrice:100, goods:[ {id:1,title:'iphone',price:399,num:3}..
vue监听store.state中对象的变化不起作用
qq_39085895的博客
06-23 5365
store.state中的对象属性发生改变，引用state的组件中却监听不到变化，深度监听也不起作用，如下代码： // state.js noticeParams: [ { CODE: null, NoticeType: null}, { CODE: null, NoticeType: null}, { CODE: null, NoticeType: null} ] // 所引用组件 export default { methods: { profileJump(p
解决‘xxx‘ is assigned a value but never used no-unused-cars
zip7986的博客
11-01 628
在相应的代码行后添加注释就行：// eslint-disable-line no-unused-vars
Vuex.Store中的state和mutations
06-07
在Vuex.Store中，state是用来存储数据的对象，mutations是用来修改state中数据的方法。state中的数据可以被组件通过this.$store.state来访问，而mutations中的方法可以被组件通过this.$store.commit来调用。下面是...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值