vue.js - 怎样才能在vue组件里去获取、修改vuex内的数据呢？

问题描述

问 题

怎么描述这个问题呢。。。。我也知道vuex是干嘛用的，就是看文档有很多不明白的地方，总之能不能举个简单的栗子。。。

使用vuex的时候，我需要做哪些处理？vuex需要在组件内去引用？还是在main.js内引用？总之现在好乱啊。。。

跪求大神举个简单明了的代码例子

解决方案

例子的话，vuex的github是有的。https://github.com/vuejs/vuex...

文档的例子链接也是可以的 https://jsfiddle.net/yyx99080...

拿github的todomvc例子来说：
你的vuex相关内容写在store里，那么把store作为根组件的一个配置参数传入

import Vue from 'vue'
import store from './store'
import App from './components/App.vue'

new Vue({
  store, // inject store to all children
  el: '#app',
  render: h => h(App)
})

vuex是插件，需要用到Vue.use(Vuex)可这里入口怎么没写呢？

在 store 那里写了。

import Vue from 'vue'
import Vuex from 'vuex'
import { state, mutations } from './mutations'
import plugins from './plugins'

Vue.use(Vuex)

export default new Vuex.Store({
  state,
  mutations,
  plugins
})

至于state、mutations、actions、getters那些，照着文档看看和例子看看差不多就懂了，没有什么是看一遍文档不懂的，如果有，那就看两遍~
https://vuex.vuejs.org/zh-cn/...

这篇关于vue.js - 怎样才能在vue组件里去获取、修改vuex内的数据呢？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！