nuxt使用vuex

￡神魔★判官ぃ 2021-12-14 02:07 445阅读 0赞

> **先简单的使用一下vuex，也是初学，在这里写下笔记，帮助有缘人**  
>   
> nuxt已经继承了vuex，我们无需安装。

### 第一步：在store文件夹下面创建index.js ###

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RvbXdpbGRib2Fy_size_16_color_FFFFFF_t_70]

import Vue from 'vue'import Vuex from 'vuex'
    Vue.use(Vuex)
    const store = () => new Vuex.Store({    
    	state: {        
    		isSearch: false,    
    	},    
    	mutations: {        
    		setIsSearch(state, val) {            
    			state.isSearch = val        
    		},        
    		setIsSearch(state) {            
    			state.isSearch = !state.isSearch       
    		}   
    	}
    })
    export default store

### 第二步：使用 ###

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RvbXdpbGRib2Fy_size_16_color_FFFFFF_t_70 1]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RvbXdpbGRib2Fy_size_16_color_FFFFFF_t_70]: /images/20211213/d294094ed75e475799a60ecdb874b358.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RvbXdpbGRib2Fy_size_16_color_FFFFFF_t_70 1]: /images/20211213/7d70b3b061e6460587476782afb9ef43.png

发表评论取消回复

表情：

评论列表（有 0 条评论，445人围观）

还没有评论，来说两句吧...

相关阅读

相关 Nuxt项目整合vuex

[精选30+云产品，助力企业轻松上云！>>> ![hot3.png][]][30_ _hot3.png] Nuxt项目中使用vuex vuex官网: [https://

左手的ㄟ右手/ 2023年02月24日 11:11/ 0 赞/ 94 阅读

相关 vuex使用

// 记录和显示错误 function errorLog(error) { if (util.cookies.get('block

悠悠/ 2023年01月18日 12:25/ 0 赞/ 144 阅读

相关 nuxt.js使用swiper

1.安装swiper npm install vue-awesome-swiper --save 2.在plugins下新建vue-swiper.js文件

╰+攻爆jí腚メ/ 2022年05月09日 09:34/ 0 赞/ 609 阅读

相关 nuxt使用小结

开始创建项目 npx create-nuxt-app <项目名> 根据提示选择安装内容即可 nuxt模式默认选择universal

今天药忘吃喽~/ 2022年01月20日 02:11/ 0 赞/ 420 阅读

相关 nuxt使用vuex

> 先简单的使用一下vuex，也是初学，在这里写下笔记，帮助有缘人 > > nuxt已经继承了vuex，我们无需安装。第一步：在store文件夹下面创建inde

￡神魔★判官ぃ/ 2021年12月14日 02:07/ 0 赞/ 446 阅读

相关 nuxt使用vue-particles

> 本来应该是一个很简单的事情，但是不知道怎么弄了这么半天。 > 下面说一下，使用插件的方式使用vue-particles 第一步：安装 npm i vue

不念不忘少年蓝@/ 2021年11月30日 00:30/ 0 赞/ 266 阅读

相关 nuxt，axios中使用Vuex【获取Vuex中的值】

> 登录的时候，需要设置一个token请求头，想在axios里面全局配置一下 > 找了半天，终于被我找到了。? 1、配置vuex [https://blog.csdn.n

冷不防/ 2021年11月22日 11:38/ 0 赞/ 644 阅读

相关 nuxt刷新页面Vuex失效，在axios中使用vuex【vuex-persist，localStorage，Cookie。三种办法解决】

> 弄了几个小时，才算是解决nuxt刷新vuex失效的问题。 > vuex-persist 方法在线上使用的时候会报错。所以建议直接使用localStorage，或Cook

港控/mmm°/ 2021年11月16日 14:36/ 0 赞/ 1191 阅读

相关 vuex使用

1. vuex简介 vuex是专门用来管理vue.js应用程序中状态的一个插件。他的作用是将应用中的所有状态都放在一起，集中式来管理。需要声明的是，这里所说的状态指的是v

末蓝、/ 2021年09月03日 10:54/ 0 赞/ 376 阅读

相关 nuxt vuex

方式一: 在store下创建state.js,actions.js,mutations.js和getters.js 在组件中使用的方式和正常一样

喜欢ヅ旅行/ 2021年07月24日 11:37/ 0 赞/ 376 阅读