vue添加id属性_Vue系列：Vuex

Vuex

• vuex是专门为vuejs开发的状态管理模式。

• 它采用集中式存储管理应用的所有组件的状态。

• 它具有响应式特性。

使用

1. 安装

   npm install vuex --save
   

2. store目录的index.js(推荐该目录结构)中使用Vue.use(Vuex)，创建Vuex的对象store，导出store对象。

   import Vue from 'vue'
   import Vuex from 'vuex'
   
   Vue.use(Vuex)
   const store = new Vuex.Store({
         
   // state中的属性就是共享状态
   	state:{
         
   count:21
   	}
   })
   
   export default store
   

3. 在main.js中挂载store。(挂载后全局可用$store)

   import Vue from 'vue'
   import App from './App.vue'
   import store from './store'
   
   new Vue({
         
     store,
   render: h => h(App)
   }).$mount('#app')
   

4. 使用$store.state.count就可以取到count属性。

   {
         {$store.state.count}}
   

Vuex核心概念