vuex的简单使用

vuex一个状态管理组件，可以保存一些变量值供其他组件或页面使用

首先要安装vuex

npm install vuex --save

引用vuex

import  Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)

建立要用的值

const state={
    cityname:'北京',
    id:1
    
}

export default new Vuex.Store({
state


})

在插件和页面中的使用方式

import store from  "../../store"



this.$store.state.id//访问state中的id
this.$store.state.cityname //访问state中的cityname

this.$store.state.cityname=cityname//修改state中的cityname
this.$store.state.id=id//修改state中的id

 注意：一定要在使用页的数据处注册store，否则会显示未定义

   export default {
     
         
         store,
}