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

最新推荐文章于 2023-08-18 15:31:51 发布
最新推荐文章于 2023-08-18 15:31:51 发布
阅读量332 收藏
点赞数
文章标签： 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
    评论
Vuex全局状态
2201_75625882的博客
05-30 389
Vuex介绍
Vuex （全局变量管理~多个页面共享数据）
Coder-coco的博客
09-06 317
vue 实例中定义的method方法中：通过 this.$store.commit('increment'),//注册一个increment的action，并通过context提交个mutations。//写法二：直接书写context对象需要用到的属性或方法。//写法一：直接书写context对象。//注册increment事件。//注册increment事件。//提交mutations。//提交mutations。//提交mutations。
Vue 全局变量 两种方式（store ，自定义）
qq_28134589的博客
07-31 3873
Vuex 并不限制你代码结构。但是， 它规定一些需要遵守的规则 应用层级的状态，应该集中到单个store对象中 提交mutation是更改状态的唯一方法，并且这个过程是同步的 异步逻辑都应该封装到action内 遵循以上规则，如何组织代码随便。如果store文件太大，可以将action,mutation和getter分割出来 ，形成单独的文件 State 单一状态的树 储存在Vuex中的数据和Vue实例的数据遵循相同的规则，例如对象必须是纯粹的 Vue组件获取store实例中的值 // 创建一个 Co
vue存取全局变量的方法(使用vuex的state实现)
BHSZZY的博客
04-11 2476
本人的项目中，vue想存取全局变量，用到了vuex。在此简要总结下。
vue3使用vuex
qq_55272229的博客
08-18 2113
可以学习详细,这篇笔记是写vue2升级vue3后使用vuex,或者忘记如何使用vuex做状态管理的情况vueX状态管理。
vue + vuex todolist的实现示例代码
08-27
Vue.js 是一个流行的前端JavaScript框架，用于构建用户界面。它以组件化开发为重心，提供了高效的数据绑定和组件通信机制。在本示例中，Vue.js 结合了Vuex，这是一个专门为Vue.js设计的状态管理库，它使得全局状态...
7.（vue3.x+vite）组件间通信方式之vuex.rar
09-18
在不使用Vuex的情况下，可以通过props、自定义事件、Vuex之外的状态管理库或者简单的全局变量来实现，但这些方法在处理复杂应用状态时可能会变得难以维护。 Vuex 提供了集中式存储，分为state（状态）、mutations...
详细讲解vue2+vuex+axios
08-30
Vuex 允许我们将应用的状态（如全局变量、数据）集中存储在一个中央仓库，所有组件都可以通过它来读取和修改状态。 Vuex 的基本工作流程如下： 1. **创建 Vuex Store**： - 首先，通过 `npm install vuex --save-...
使用vue2+vuex+sass+vuetoast+localStorage实现的记事本
10-07
在本项目中，“使用vue2+vuex+sass+vuetoast+localStorage实现的记事本”是一个基于Vue.js框架的轻量级应用，旨在提供一个功能完备的在线记事本服务。Vue.js是一个用于构建用户界面的渐进式框架，它的核心库专注于...
基于vue2+vue-router2+vuex+axios的天气预报小项目.zip
最新发布
10-21
1. **入口文件**（如`main.js`）：这是项目的起点，通常用于导入和初始化Vue、vue-router和vuex，以及设置全局配置。 2. **组件**：项目中会有多个Vue组件，每个组件负责一部分UI和逻辑，例如`WeatherComponent`...
ES6 学习笔记
小张小张的博客
03-16 1102
一、定义变量 ES6 以前我们定义变量使用 var 关键字，ES6 新增了两个定义变量的关键字： let ==> 定义变量 const ==> 定义常量（特殊的变量） 1. let / const 与 var 的区别 var 会进行预解析，let 和 const 不会进行预解析 //1. 预解析 console.log(num) //undefined var num = 100 console.log(n...
Vue登录时将用户登录的信息保存并全局调用
weixin_43294092的博客
05-28 5487
      受以前学习的影响 ，认为在任何地方都可以调用的变量，一定是全局变量。于是，就想把用户登录的账号和密码保存起来，当做全局变量。      在网上看了许多相关资料，全局变量是可以，可是他们定义的都是死...
#Laravel 笔记# 多语言化 App::setLocale() 持久化。
aier1011的博客
06-01 603
App::getLocale();获取当前语言 App::setLocale();设置语言配置文件 语言配置文件config/app.php locale 是默认语言，fallback_locale为备用语言 语言字符串存放在resources/lang目录中，Blade模板引擎打印语言行{{ trans('messages.welcome') }} 思路是把当前的语言设定存在...
vue中无法使用index.html中js文件的变量
kalinux的博客
10-12 4421
在某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...
vue3设置全局变量无效问题
qq_36539696的博客
01-18 1930
红色框内是我要自定义的全局变量，但是到页面上引用的时候，报错undefined。 其实是写法错了 正确的应该是下面这样 再去页面引用的时候，this.$common，就有东西了
Vue项目中 设置全局变量
leaf的博客
01-06 3014
Vue项目中 设置全局变量 避免每个单页面都要引入一些复用组件和方法 我们从 vue-cli 文档中 找到这样一句 2.又在webpack中找到 ProvidePlugin 我们就在 自己项目的vue.config.js 中，书写配置 const path = require('path'); module.exports = { //其他的配置 // 配置webpack相关 configureWebpack : config => { // 定义全局变量 config.
vue项目中定义全局变量、函数的几种方法
weixin_44002432的博客
11-07 4831
前言 在项目中，经常会复用一些变量和函数，比如用户的登录token，用户信息等。这时将它们设为全局的就显得很重要了，全局变量和全局函数之间有一些相通之处，它们其实很简单，但是有些人可能还不太了解。简单总结分享一波，希望对你有所帮助。 定义全局变量 原理：使用模块（.js或.vue文件）来管理全局变量，最后使用export暴露出去 （最好导出的格式为对象，方便在其他地方调用），当其它地方需要使用时...
在vue store 中定义全局变量
Queen-Shir的博客
05-14 2769
使用环境： 项目里很多页面都会使用到的静态变量，数据里小，一般情况下也不会有改动，可以不需要通过接口获取的。 1、在store下面新建publicSet.js文件。 2、publicSet.js： 这些值一般都是接口的参数，很多接口都会用到的参数。只获取，不能修改它。所以这里就不写actions了。 //系统里公共的数据，例如来源类型、岗位类型 const state = { source:[ { id:"1", tex
【vue2.0-单点登录】
weixin_47416539的博客
04-08 4319
vue2.0-单点登录 首先我们需要知道什么是单点登录 在多个应用系统中，只需要登录一次，就可以访问其他相互信任的应用系统。 单点登录的解决办法在网上有很多，这是我觉得好理解的解决办法：https://www.jianshu.com/p/613e44d4a464 以下就是我的解决方法： 1.在主系统的登录页 在登录成功的情况下，让后端接口返给前端一个token，前端在将此token存储在cookie中 2.在主系统里面会有个模块展示子系统 点击子系统的时候，你需要把在登录时存储在cookie中的to
Vuex.Store中设置项目共享变量
06-07
Vuex.Store是Vue.js官方推荐的状态管理工具，可以用来管理全局状态。你可以在Vuex.Store中定义一个state，将变量存储到state中，然后在组件中通过this.$store.state来访问这个共享变量。具体的实现步骤如下： 1. ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值