nuxt使用vuex

news/2024/7/10 0:25:05 标签: nuxt, vuex, vue, 小道仙

先简单的使用一下vuex>vuex,也是初学,在这里写下笔记,帮助有缘人

nuxt已经继承了vuex>vuex,我们无需安装。

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

在这里插入图片描述

import Vue from 'vue'import Vuex from 'vuex>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

第二步:使用

在这里插入图片描述


http://www.niftyadmin.cn/n/775094.html

相关文章

绿色自适应网址发布页源码

介绍: 自适应PCWap,体积很小仅9KB,用了快半个月了,拿去丢在阿里云OSS的静态托管一个月一两块钱搞定 网盘下载地址: https://zijiewangpan.com/txRKTaMnNzp 图片:

让一个元素浮在最上层【反转思维】

一般我们让一个元素在最上层使用 z-index:xxxxx; // xxx 越大就越上层但有时候设置z-index:999999999999999999999999999;依旧无效 z-index: 9999999999999999999999999999 !important;如果依旧无效,不妨设置最上层的那个元素的 z-index:-1;

新款清新爱K个人自动发卡程序源码分享

介绍: 在线安装直接上传源码到数据库,然后域名后加上/install 例如:aikpay.cn/install 即可开始安装! 如果在线安装有问题请直接吧数据导入数据库! 然后修改配置根目录的:config.php即可! 后台…

Maven安装【下载安装+配置环境变量+配置编译器】

写个简单的maven,方便自己,也方便他人。不喜欢啰嗦,直接开始 去官网下载安装包 http://maven.apache.org/download.cgi 下载好直接解压就好了 配置环境变量 1、新建环境变量 MAVEN_HOME 第三步:编译器配置maven (这里以i…

商城抢单APP任务系统源码附带搭建教程

介绍: 今天给大家带来的教程 是 搭建 商城商品自动抢单任务系统源码详细搭建教程 后台添加商品,注册会员进行抢单赚取佣金。 三级分销,加入PHP Live Chat客服程序。 仔细看视频 不多打字 我们进入主题 我们需要 服务器一台 域名一个 我这边…

Nuxt 中使用 axios【ssr访问和非ssr访问】

1、所有文章优先发表在个人博客,后续如果有修改的话,可能忘记更新到CSDN了,给你带来不便,抱歉。 2、个人博客本篇文章地址 : https://www.xdx97.com/article/649619506351570944 1、安装axios,这里是安装Nu…

jQuery网页背景渐变色代码

介绍: 背景颜色不断变换,用来做网站背景还是不错的 网盘下载地址: https://zijiewangpan.com/KQIAuRhvWoY 图片:

java使用mavenc依赖别的项目【idea版本】

完成java,maven项目对别的项目依赖 第一步,创建两个maven项目 第二步:在需要依赖的项目里面加上依赖项目的坐标 第三步:把需要依赖的框架安装到仓库上去(就是你的maven仓库) 第四步:把需要依赖的…