码迷,mamicode.com
首页 > 其他好文 > 详细

vuex基本使用

时间:2020-03-02 09:14:03      阅读:68      评论:0      收藏:0      [点我收藏+]

标签:异步操作   基本使用   def   code   文件   index   src   mod   状态   

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基本使用

标签:异步操作   基本使用   def   code   文件   index   src   mod   状态   

原文地址:https://www.cnblogs.com/zhaoyifeng/p/12393237.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!