总结vue+vuex store.js设置全局变量问题

最新推荐文章于 2023-09-06 22:43:23 发布
VIP文章 最新推荐文章于 2023-09-06 22:43:23 发布
阅读量317 收藏
点赞数
文章标签： javascript vue.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_59447031/article/details/123309350
版权

按照网上文件我创建了一个store文件进行用户信息存储，但是，在main.js引用后，终端提示警告，‘export’ XXX was not found，页面也加载不出来,也会报错TypeError: Object(...) is not a function。

通过查阅各方回答以及亲身试验，发现这个方法可以解决：

安装vuex 启动 报错 “export ‘watch‘ was not found in ‘vue‘

也就是vue和vuex版本不匹配问题。

如果vue版本是 2.X ，那么vuex用 3.X.X 适合

如果vue版本是 3.X ，将vuex升到 4.X.X 就能够解决
 

古古古古古古古
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ES6 学习笔记
小张小张的博客
03-16 1076
一、定义变量 ES6 以前我们定义变量使用 var 关键字，ES6 新增了两个定义变量的关键字： let ==> 定义变量 const ==> 定义常量（特殊的变量） 1. let / const 与 var 的区别 var 会进行预解析，let 和 const 不会进行预解析 //1. 预解析 console.log(num) //undefined var num = 100 console.log(n...
vueSocketChatroom：vue2.x + vue-router2.x + vuex2.x + vux2.x + express + socket.io立即聊天室
02-05
socket.io即时聊天室 ...扫视 登录页面 群聊页面 其他清单 私人聊天页面 安装依赖 节点7.x 自动重启节点服务器工具 npm i -g nodemon ...为代码编辑器安装eslint插件（例如vscode中的“ eslint”） ...
vue+vuex+vueRouter+axios+element.zip
08-12
本项目使用动态路由搭建了三级菜单，简要说明请移步https://blog.csdn.net/m0_37755267/article/details/119640041
【RuoYi移动端】uni-app中通过vuex的store来实现全局变量的修改和读取
【敦厚的曹操】的专栏
09-05 1117
三、index.vue中读取和修改。
为什么要用vuex而不是直接使用全局变量
sinat_36227086的博客
08-25 1169
转载自：为什么要用vuex,而不是直接使用全局变量 Vuex 和单纯的全局对象有以下两点不同： 1.Vuex 的状态存储是响应式的。当 Vue 组件从 store 中读取状态的时候，若 store 中的状态发生变化，那么相应的组件也会相应地得到高效更新。 2.不能直接改变 store 中的状态。组件改变state的唯一方法是通过显式地提交mutation。这样使得我们可以方便地跟踪每一个状态的变化，从而让我们能够实现一些工具帮助我们更好地了解我们的应用。【若是异步事务或者是大批量的同步事务要改变state，
vuex——store全局变量的简单使用
qq_40099034的博客
04-14 1900
vuex相关理论：https://vuex.vuejs.org/zh/guide/state.html 参考文档：https://www.jianshu.com/p/eb23c72ab02a 自己的理解： state：相当于data mutations：相当于改变data数据 actions：方法，通过触发mutations改变data数据 1、state数据使用 （1）在store/modules文件下新建一个dome.js文件, const state={ domeStr:'domeStr' }
vue3使用vuex
qq_55272229的博客
08-18 1514
可以学习详细,这篇笔记是写vue2升级vue3后使用vuex,或者忘记如何使用vuex做状态管理的情况vueX状态管理。
Vue 全局变量 两种方式（store ，自定义）
qq_28134589的博客
07-31 3732
Vuex 并不限制你代码结构。但是， 它规定一些需要遵守的规则 应用层级的状态，应该集中到单个store对象中 提交mutation是更改状态的唯一方法，并且这个过程是同步的 异步逻辑都应该封装到action内 遵循以上规则，如何组织代码随便。如果store文件太大，可以将action,mutation和getter分割出来 ，形成单独的文件 State 单一状态的树 储存在Vuex中的数据和Vue实例的数据遵循相同的规则，例如对象必须是纯粹的 Vue组件获取store实例中的值 // 创建一个 Co
vue存取全局变量的方法(使用vuex的state实现)
BHSZZY的博客
04-11 2395
本人的项目中，vue想存取全局变量，用到了vuex。在此简要总结下。
Vuex全局状态
2201_75625882的博客
05-30 354
Vuex介绍
Vuex （全局变量管理~多个页面共享数据）
Coder-coco的博客
09-06 285
vue 实例中定义的method方法中：通过 this.$store.commit('increment'),//注册一个increment的action，并通过context提交个mutations。//写法二：直接书写context对象需要用到的属性或方法。//写法一：直接书写context对象。//注册increment事件。//注册increment事件。//提交mutations。//提交mutations。//提交mutations。
vue2.x+vue-router2.x+vuex 2.x常用的vue开发项目模板.zip
01-16
vue2.x+vue-router2.x+vuex2.x+webpack+stylus+node+axios+mock+mongoose+bcrypt 常用的vue开发项目模板 软件开发设计：应用软件开发、系统软件开发、移动应用开发、网站开发C++、Java、python、web、C#等语言的项目...
daza.io 前端，使用 Vue.js + Vuex 开发.zip
最新发布
03-01
daza.io 前端，使用 Vue.js + Vuex 开发.zip
基于Vue+Vue-router+Vuex+Element-ui+Axios商城
06-27
本项目前后端分离，前端基于Vue+Vue-router+Vuex+Element-ui+Axios，参考小米商城实现。后端基于Node.js(Koa框架)+Mysql实现。 前端包含了11个页面：首页、登录、注册、全部商品、商品详情页、关于我们、我的收藏、...
vuex配置全局变量
h2639235668的博客
10-22 1218
vuex配置全局变量
Vue登录时将用户登录的信息保存并全局调用
weixin_43294092的博客
05-28 5421
      受以前学习的影响 ，认为在任何地方都可以调用的变量，一定是全局变量。于是，就想把用户登录的账号和密码保存起来，当做全局变量。      在网上看了许多相关资料，全局变量是可以，可是他们定义的都是死...
Vue3下使用Vuex(store)实现响应式全局变量
热门推荐
fatfish517的博客
03-21 1万+
本文记录了如何使用vuex建立响应式全局变量，内容有：按类别建立多模块、如何引入、使用、如何不借助第三方工具在localStorage、sessionStorage中实现数据持久化，以及vuex store state的赋值问题。
#Laravel 笔记# 多语言化 App::setLocale() 持久化。
aier1011的博客
06-01 587
App::getLocale();获取当前语言 App::setLocale();设置语言配置文件 语言配置文件config/app.php locale 是默认语言，fallback_locale为备用语言 语言字符串存放在resources/lang目录中，Blade模板引擎打印语言行{{ trans('messages.welcome') }} 思路是把当前的语言设定存在...
vue中无法使用index.html中js文件的变量
kalinux的博客
10-12 4353
在某js中使用window定义对象变量，使用html引入这个js文件，则本html中的script可以直接使用这个window定义的变量。但是vue文件不可以直接使用，需要重新定义：const a = window.变量名 才能获取 draw.js中： window.draw = new Draw(); 1. 在index.html中： console.log(draw) // new Draw(); 2. 在index.html中： window.a = new Draw(); cons...
Vuex.Store中设置项目共享变量
06-07
在Vuex.Store中可以设置项目共享变量。Vuex.Store是Vue.js官方推荐的状态管理工具，可以用来管理全局状态。你可以在Vuex.Store中定义一个state，将变量存储到state中，然后在组件中通过this.$store.state来访问这个共享变量。具体的实现步骤如下： 1. 创建一个Vuex.Store实例，并定义一个state。例如，你可以在`store.js`中创建一个名为`shared`的state，代码如下： ```javascript import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) const store = new Vuex.Store({ state: { shared: { count: 0 } }, mutations: { increment(state) { state.shared.count++ } } }) export default store ``` 在这个例子中，我们在state中定义了一个名为`shared`的对象，其中包含一个名为`count`的变量，初始值为0。我们还定义了一个名为`increment`的mutation，用于将`count`变量加1。 2. 在组件中使用共享变量。你可以在任何Vue组件中使用`this.$store.state.shared.count`来访问这个共享变量。例如，在一个组件中，你可以这样使用这个共享变量： ```javascript <template> <div> <p>Count: {{ count }}</p> <button @click="incrementCount">Increment</button> </div> </template> <script> export default { computed: { count() { return this.$store.state.shared.count } }, methods: { incrementCount() { this.$store.commit('increment') } } } </script> ``` 在这个例子中，我们使用了`computed`属性来计算`count`变量，使用`this.$store.state.shared.count`来获取共享变量的值。我们还定义了一个`incrementCount`方法，用于调用`increment`mutation来更新共享变量的值。 现在你就可以在任何Vue组件中使用共享变量了，它将在整个项目中共享。注意，在使用时要注意共享变量的生命周期问题，确保它的数据在需要的时候被正确地初始化和清理。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值