Vue：VueX使用

要使用VueX:先安装Vuex：npm i vuex

让所有的组件都出现$store

Vuex是一个插件：需要use
1.建立路径

---

2.编写vuex

vuex核心

//该文件用来建立vuex的store
//引入
import Vuex from 'vuex'
import Vue from 'vue'
Vue.use(Vuex);
//第一步响应动作action
const actions={

}
//第二步：mutations--操作数据
const mutatious={

}

/*第三步：state：存储数据*/
const state={

}
//创建并爆乳store
export default new Vuex.Store({
    actions,
    mutations,
    state
})

---

3.在main.js引入

引入vuex.store

//引入vue
import Vue from 'vue'
//引入app组件
import App from './App.vue'
import Vuex from  'vuex'
import store from './store'
//关闭生产提示
Vue.config.productionTip = false
Vue.use(Vuex)
//创建vm实例
new Vue({
    //这句话会让所有的vc获得$store
    store:store,
    render: h => h(App),
}).$mount('#app')

---

在所有组件上都有了