【uniapp】引用vuex存取全局变量和方法

一.创建

1. 在项目的根目录下创建store文件夹，创建index.js
   
   index.js（相当于仓库）

import Vue from "vue"
import Vuex from "vuex"
Vue.use(Vuex);

export default new Vuex.Store({
	//存放一些变量
    state:{
    
    },
    //存放一些方法
    mutations:{
         
    }
})

main.js

import store from './store'  
Vue.prototype.$store = store

二.使用

index.js

export default new Vuex.Store({
    state:{
        num:""
    },
    mutations:{
    	//setModel是自定义的一个方法
    	//参数：第一个都是state（应该是指向上面的state），第二个是自定义的参数
        savePhone(state,phone){
			state.num= phone
			console.log(state.num)
		}
    }
})

在page.vue中使用

export default {
	data() {
		return {
			phone:'13012345679',
		}
	},
	methods：{
		save_phone() {
			//this.$store.commit('定义的方法名',需要保存的值)
			this.$store.commit('savePhone',this.phone);//存
			
			//this.$store.state.变量名
			var get_phone = this.$store.state.num;//取
		},
	}
}