vue.extend创建组件的时候无法获取到 $store

最新推荐文章于 2024-10-03 11:49:22 发布
最新推荐文章于 2024-10-03 11:49:22 发布
阅读量2.2k 收藏 3
点赞数 2
分类专栏： vue遇到的问题 文章标签： javascript 前端 vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46468143/article/details/126052234
版权

当我们中创建一个组件一般都是使用普通的直接引入使用，当我们使用了 extend创建的时候会导致一个问题 就是组件中要使用 this.$store this.$router这些的时候他都是返回一个 undefined的 这个时候我们需要给他添加store这些进去即可

在这里插入图片描述

创建Vuex时没有$store的解决
周百万的博客
01-08 2825
如果你在vue2项目中，所有的配置好了，组件中就是没有$store属性，那么很有可能是安装的vuex插件版本过高。store文件夹下的index.js文件。为什么会出现这个问题呢？vue@3版本对应的是 vue2。vue@4版本对应的是 vue3。vuex安装的版本是最新版本。
Vue远程加载页面vue.extend用法研究
wayhb的专栏
10-12 908
目录场景原因解决方案开搞注册全局事件方法编译Html再插入方法参考资料 场景 需要动态添加一段Html到页面，但是新添加的页面@click等事件不执行 原因 vue的template中的内容是需要编译以后才能运行，绑定的事件也是编译后才可以运行，动态添加的Html实际上是加入了编译后的页面，所以里面的@click这种方法不会被再次编译，于是就不会执行 解决方案 在网上查阅大量资料后发现有两种方法解决这个问题： 1，把动态Html中的事件注册成全局事件，通过onclick调用全局事件； 2，把动态H
用extend替代vuex的方案
chen_daimaxz的博客
10-19 408
store/index.js import Vue from 'vue' const store = Vue.extend({ name: 'store', data() { return { count: 2, person: { name:'小明', age:23 } } }, methods:{
VUEX采坑之路之获取不到$store的解决方法
10-16
今天小编就为大家分享一篇VUEX采坑之路之获取不到$store的解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
Vue实例中没有this.$store
weixin_53013159的博客
11-27 742
Vue实例中没有this.$store
vue项目里的this.$store调不出来
m0_61837007的博客
05-10 595
在main.js里面直接用console.log(store ) 可以正常打印出来，但是在组件实例里面打出来就是undefinded到底是怎么回事，如果直接挂载在Vue.prototype.$store=store又可以正常调用打印。
使用vuex找不到$store的解决办法
m0_65392407的博客
01-19 4035
创建vuex之后，在页面使用，提示$store undefined。 这是之前的代码，解决方法是 这样写就解决了，虽然我不理解，但我大为震撼。
通过vue.extend实现一个弹窗组件
HamsterKnight的博客
01-15 903
1.首先编写需要被继承的弹窗组件 <template> <div v-if="show" ref="modal" class="ek-modal_wrap"> <div class="ek-modal-content"> <div class="modal-title-wrap"> <div clas...
Vue.js 父子组件通信的十种方式
10-17
这对于创建可复用的组件非常有用，尤其是当子组件希望把这些属性和事件传播到它的子组件时。 5. **Provide/Inject** `provide` 和 `inject` 用于在祖先组件中提供数据，然后在任何后代组件中注入这些数据，无需...
Vue2.x将Vue文件编写的组件使用API方式动态创建
最新发布
一个做过前端开发的产品经理，经历过睿智产品的折磨导致脱发之后，励志要翻身"农奴"把歌唱，一边打入敌人内部一边持续提升自己，为我们广大开发同胞谋福祉，坚决抵制睿智产品折磨我们码农兄弟！
10-03 1572
Vue.js的核心设计思想之一是组件化，通过将页面拆分成多个独立的、可复用的组件来提高代码的可维护性和扩展性。然而，在某些场景下，我们可能需要在运行时动态地创建组件实例，而不是在一开始就定义好所有的组件。希望您在这里可以感受到一份轻松愉快的氛围，不仅可以获得有趣的内容和知识，也可以畅所欲言、分享您的想法和见解。Vue允许创建异步组件，这种方式非常适合动态创建组件，并且只在真正需要的时候加载组件。，虽然Vue 2.x没有这个API，但我们可以通过模拟的方式实现类似的效果。专栏系列（点击解锁）
在Vue中使用this.$store一直报错
像风一样自由
08-11 1373
在Vue中使用this.$store一直报错
vue.js访问不到_this.$store的两种原因
weixin_44796004的博客
06-21 1万+
前些天在学习跟着学写一些vue，在其中有部分需要使用到localStorage来获取并存储本地的存储值，并全局暴露该值，所以用到常用的vuex（推荐使用）。到时其中发现了这个问题： this.$store为undefined 最终排查发现有一下两个原因： 在index.js中导入vuex时，“vuex”写成了大写的“Vuex”,这就十分坑爹，毕竟vue也是区分大小写，而且在暴露变量时变量的命名经常会写成大写，所以这种情况也是会出现的。 上面的情况我是修复了，但是我还是发现不行，这就难受了，最后还是不断地
vuex获取不到$store
qq_38179462的博客
10-20 2194
import Vue from 'vue' import App from './App' import router from '@/router' import store from '@/store' Vue.config.productionTip = false /* eslint-disable no-new */ new Vue({ el: '#app', router,...
vuex低级错误，this.$store提示不存在
a1030260075的专栏
05-14 7437
使用vuex的时候遇到一个低级错误，导致无法使用this.$store，记录一下 在生成store的时候一般代码是 import Vuefrom 'vue' import Vuexfrom 'vuex' Vue.use(Vuex) export default new Vuex.Store({ state:{ phone:'' }, mutations:{ change...
vue尚硅谷前端项目学习第5个坑和解决方法---组件身上没有$store属性
weixin_45128912的博客
05-16 685
获取数据的时候报，挂载钩子找不到dispatch错误 打印this 发现组件实例身上没有$store属性 百度了一下和回看视频才发现，没有注册全局仓库！！！！ 最后数据终于回来了
VUEX采坑之路之获取不到$store
热门推荐
cmy0816的博客
07-10 1万+
今天在写vuex的时候遇到了一个特别无语的问题，找了半个小时才找到这个问题，所以贴出来，大家在遇到和我一样的问题的时候不会太过慌张在第一次写vuex的时候无论如何获取不到$store，后来找了好久才发现是我给全局VUE注入的时候注入的是Store而非store这一个字母之差看上去可能没什么问题，可就是获取不到全局的$store;代码奉上// The Vue build version to loa...
vue2：路由前置守卫无法获取到this.$store.state.xxx
欢迎来到长风沛雨的博客
10-31 1788
在获取到vuex的数据时候，想在router目录下的index.js文件去获取到vuex仓库中声明的全局变量，但是通过this.$store.stote.xxx去获取的时候，报错提示：$store未定义。
vuex报错 this.$store显示undefined
m0_53425507的博客
08-14 2946
vuex报错 this.$store显示undefined
7-vue3组件无法获取store中子模块类型的解决方案
weixin_56817537的博客
08-30 1925
vue3组件中丢失store子模块类型提示的解决方案
vue.runtime.esm.js?c320:3065 TypeError: Cannot read properties of undefined (reading 'store')
07-30
这个错误通常出现在Vue.js应用中，当你尝试访问组件内的`store`属性，但该属性在当前上下文中未定义或者初始化失败时。`store`通常是Vuex状态管理库中的实例，用于在整个应用中共享数据。 具体原因可能有： 1. 你可能忘记在组件内注入`store`：在Vue.extend创建组件时，需要通过`provide`和`inject`机制来传递store。如果你没做这一步，组件将无法访问到store。 2. `store`还没有被创建或尚未注册：确保你在使用之前已经正确地创建并挂载了Vuex store。 3. 可能是在组件生命周期的某个阶段（如beforeCreate、created等）尝试访问store，而在那个时间点store可能还未被初始化。 修复此错误的方法包括检查你的组件代码，确认是否正确设置了`store`依赖，并确保在正确的时机使用它。同时，检查你的store实例是否已正确配置和使用。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值