uni-app封装vuex

Posted fengshaopu

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了uni-app封装vuex相关的知识,希望对你有一定的参考价值。

步骤:
1.下载命令cnpm install vuex --save
2.在文件夹中创建store文件夹 下面是index.js
3.文件里面导入vue、vuex然后就是五大核心加导出了
4.在全局里面导入挂载一下
一、下载vuex
在这里插入图片描述

二、在文件夹中创建store里面有index.js
在这里插入图片描述
三、文件里面导入vue、vuex然后就是五大核心加导出了

import Vue from 'vue'  //导入vue
import Vuex from 'vuex'  //导入vuex
Vue.use(Vuex) 

const state={            //五大核心
	a:'a'
}

const mutations={
	
}

const actions={
	
}

const getters={
	
}

module.exports=new Vuex.Store({ //导出
	state,mutations,actions,getters
})

四、在全局里面导入挂载一下

import store from './store'

Vue.prototype.$store=store


五、使用就跟以前的vue一样了

	console.log(this.$store.state)

以上是关于uni-app封装vuex的主要内容,如果未能解决你的问题,请参考以下文章

uni-app中应用vuex示例

uni-app使用vuex

uni-app第二节-vuex实现购物车

uni-app 保持登录状态 (Vuex)

【uni-app】Vuex介绍和使用

uni-app vuex的安装和使用