vuex基本使用
Posted zhaoyifeng
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vuex基本使用相关的知识,希望对你有一定的参考价值。
vuex使用
安装
npm install vue
引入
src目录下创建store/index.js
//index.js
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
export default new Vuex.Store({
state: {
},
mutations: {
},
actions: {
},
modules: {
}
})
入口文件main.js引入store
//main.js
import Vue from 'vue'
import store from './store'
new Vue({
store,
render: h => h(App)
}).$mount('#app')
五大核心
state:全局状态数据
getters:相当与computed
mutations:规定只有mutation才能修改state,通过commit方法触发
actions:异步操作,通过dispatch触发mutation
以上是关于vuex基本使用的主要内容,如果未能解决你的问题,请参考以下文章