vue2-vuex

1.cnpm install vuex

2.入口文件中加入(main.js)

import Vue from 'vue'

import App from './vuex'

import store from './store'

new Vue({

el: '#app',

store,

render: h => h(App)

})


3.新建的文件store.js 中加入

import Vue from 'vue'

import Vuex from 'vuex';

Vue.use(Vuex)

const state={

count:411

}

// 這個是外加的方法

const mutations = {

jia(state){

state.count ++;

},

jian(state){

state.count --

}

}

// 這個是外加的方法

export default new Vuex.Store({

state,

mutations

})


4.在新建的vuex文件中加入代碼


上述文件都是同級目錄下新建 的

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 安裝 npm npm install vuex --save 在一個模塊化的打包系統中,您必須顯式地通過Vue.u...
    蕭玄辭閱讀 2,964評論 0 7
  • Vuex是什么? Vuex 是一個專為 Vue.js應用程序開發的狀態管理模式。它采用集中式存儲管理應用的所有組件...
    蕭玄辭閱讀 3,148評論 0 6
  • 這兩天在做Vue移動端的項目,正好用到了Vuex,記錄一下相關知識。 一、安裝 npm yarn Vuex是Vue...
    婷樓沐熙閱讀 7,706評論 2 2
  • Vuex 的學習記錄 資料參考網址Vuex中文官網Vuex項目結構示例 -- 購物車Vuex 通俗版教程Nuxt....
    流云012閱讀 1,472評論 0 7
  • vuex 場景重現:一個用戶在注冊頁面注冊了手機號碼,跳轉到登錄頁面也想拿到這個手機號碼,你可以通過vue的組件化...
    sunny519111閱讀 8,035評論 4 111