一行代码解决vue3+ts中使用this.$store报错找不到‘$store‘

最新推荐文章于 2024-04-05 23:59:51 发布
最新推荐文章于 2024-04-05 23:59:51 发布
阅读量827 收藏
点赞数 1
文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u011075697/article/details/132459962
版权

之前没认真读vuex的文档，随便看了一下就开始写了，写到一半遇到了ts报错找不到$store的问题（然后自动补全和智能提示也都熄火了，很烦），试了增加各种.d.ts都没用，最后看到文档里面说了，其实可以直接用useStore来访问store……

const store = useStore();

给后来人提个醒，一定要多看文档！😂

cinea
关注
在Vue中使用this.$store或者是$route一直报错的解决
10-16
例如，如果在组件的方法中使用箭头函数，那么其中的this将不会指向当前Vue实例，因此无法访问到this.$store或this.$route。 为解决此类问题，可以采取如下措施： - 在方法中直接使用普通函数而非箭头函数； - ...
uni-app小程序（vue3版本）使用Vuex在调用store时报错： Cannot read property ‘state‘ of undefined
TIANJING_er的博客
05-31 2327
通过搜索是因为我开发的uni-app是vue3版本，但是在使用vuex时使用的是2版本的格式所造成的错误。的实例上，这里要注意一定是加到#ifdef VUE3这个位置下面。这里是开发购物车相关的功能时遇到bug报错，如图所示。在页面渲染时，可以直接使用映射过来的数据。文件夹，专门用来存放。目录上鼠标右键，选择。将以上代码修改为如下。目录上鼠标右键，选择。一、首先配置vuex。
vue中store状态管理 映射
Perfect_nice的博客
08-01 943
vue语言 store状态管理
Vue3 常用功能及问题
sea9528的博客
04-15 908
Vue3路由跳转方式 vue3.x中路由跳转不能使用 this.$router 。引入 ctx，使用ctx.$router.push()的话，打包后会出现各种各样的报错问题。要这样来： 1.首先导入router.js 2.router.push实现跳转 Vue3使用 this（即ctx） 我们都知道在Vue2的任何一个组件中想要获取当前组件的实例可以通过this 来得到，而在Vue3中我们大量的代码都在 setup 函数中运行，并且在该函数中 this 指向的是 undefined，那么该如何获取到当前
前端学习笔记（15）-Vue3状态管理store及Vuex的使用
JiangZhengyang7的博客
01-31 1万+
1. 状态管理 2.用响应式API做简单状态管理 3.Vuex基础 4.Vuex 核心概念（state getter mutation action module）5.Vuex+sessionStorage实现数据存储
vue3的store
zhouyuqin01的博客
11-30 2231
vue3 在js中使用store import {useStore} from 'store' const store = useStore() vue
vue3 使用 store
ymsxxx的博客
04-05 1776
【代码】vue3 使用 store。
Vue3+Vite+Ts+Pinia+....一个快速开发vue3的模板框架，快速搭建前台应用.zip
02-08
在Vue3项目中使用TypeScript可以提供更好的开发体验，帮助开发者尽早发现潜在的类型错误，增强代码的可预测性。 【Pinia】 Pinia是Vue3推荐的状态管理库，替代了Vuex。Pinia提供了更简洁的API，使得状态管理和模块...
vue3+element plus+ts.zip
最新发布
06-05
Vue3+Element Plus+TS 后台管理系统是一个现代前端开发框架的组合，旨在提供高效、稳定且具有类型安全的后台管理界面解决方案。Vue3 是 Vue.js 框架的最新版本，它带来了许多性能优化和开发体验提升的特性，如...
一个基于vue3+ts开发的商城后台管理系统源码.zip
06-24
3. **Teleport**：Vue3 的Teleport特性允许将组件渲染到文档中的任意位置，解决了诸如模态框、弹窗等组件定位的问题。这在后台管理系统中非常实用，可以确保这些元素始终在页面的最顶层，并且不会被其他内容覆盖。 ...
uniapp + vue3 +vite + ts + pinia 框架模板
01-31
标题 "uniapp + vue3 + vite + ts + pinia 框架模板" 提供了我们讨论的关键技术栈。这是一个基于uni-app、Vue.js 3、vite、TypeScript和Pinia的项目模板，用于构建移动端应用。让我们逐一探讨这些技术的特性与它们在...
7-vue3组件无法获取store中子模块类型的解决方案
weixin_56817537的博客
08-30 1815
vue3组件中丢失store子模块类型提示的解决方案
Vue3 store配置以及简单示例
weixin_44700621的博客
03-19 7244
vue版本升级后store配置以及简单示例
vue中的全局变量 this.$store.state 的取值与赋值
热门推荐
coldriversnow的专栏
06-16 2万+
一、定义 全局变量 注：如果不在store目录下的 index.js 定义 则 在其它 ***.vue 页面 代码中赋值，其它页面的这个全局变量，是不会变化的。
Vuex学习笔记
RichardFreedom的博客
03-14 529
1.安装vuex （共享数据 状态） 安装：npm i vuex vue2版本对应vuex3版本 vue3版本对应vuex4版本 版本不对应就会出现如下错误： 2.配置环境 1.在src目录下创建store文件夹，在store下创建index.js文件 //该文件用于创建Vuex中最为核心的store import Vue from 'vue' //引入Vuex import Vuex from 'vuex' //应用Vuex插件 Vue.use(Vuex) //准备actions——用于响应组件中的.
安装vuex插件之后，vue实例上添加store属性，打印this.$store为undefined
qq_45803168的博客
06-24 661
vue实例没有$store属性的解决方案
Vue3中vuex的基本使用
weixin_57246557的博客
09-12 1万+
/ useStore()方法创建store对象，相当于src/store/index.js中的store实例对象。拆分后代码如下（src/store/modules/global.js）拆分后代码如下（src/store/modules/user.js）// Vue3中store类似于Vue2中this.$store。// Vue3中store类似于Vue2中this.$store。// 触发mutations，用于同步修改state的信息。拆分后代码如下（src/store/index.js）
Vue实例中没有this.$store
weixin_53013159的博客
11-27 648
Vue实例中没有this.$store
Vue3.0项目框架搭建之五：vuex状态管理
qq_25081445的博客
03-25 1862
上一篇文章，我们通过localstorage和axios拦截器实现了账号鉴权。 但是 localstorage 作为永久化存储，即使用户关闭浏览器，它还会存在，第二次打开系统已保存的用户token还是存在。所以，注定了不能作为真正的用户鉴权的一份子。 那么，谁可以替代呢？正是我们今天要引入的 Vuex ，它是保存在内存中的数据仓库（个人喜欢这么称呼），在系统关闭后会被清空，那么当用户二次打开系统时，就会判定为待登录状态。再加上vuex响应式的原理，更能支持后期我们其它需要存储的数据同步等。所以，vuex是最
vue3this.$store
09-14
在Vue3中，我们无法直接使用`this.$store`来获取Vuex实例，因为Vue3中的组件实例已经发生了变化。相反，我们可以使用`useStore`这个方法来获取Vuex实例。 要使用`useStore`方法，我们首先需要导入`createStore`函数...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值