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基本使用的主要内容,如果未能解决你的问题,请参考以下文章

VSCode自定义代码片段13——Vue的状态大管家

项目集成 vue-router 和 vuex

vuex的基本使用

html PHP代码片段: - AJAX基本示例:此代码演示了使用PHP和JavaScript实现的基本AJAX功能。

vuex基本使用

Vuex 的基本使用