vue-cli安装以及创建一个简单的项目(二)(vuex使用)

1.vuex的使用

  vuex是vue的状态管理中心,vuex来保存我们需要管理的状态值,值一旦被修改,所有引用该值的地方就会自动更新,常用于:

1.多个视图依赖同一状态(l例:菜单导航)

2.来自不同视图的行为需要变更同一状态(例如评论弹幕)

  在上一节我们已经安装了vuex模块。查看store/index.js目录,如下:

import Vue from 'vue';
import Vuex from 'vuex';

Vue.use(Vuex);

export default new Vuex.Store({
  state: {
  },
  mutations: {
  },
  actions: {
  },
  modules: {
  },
});

  上面引入Vue模块和Vuex模块,并将Vuex安装到Vue中。

下面使用vuex。

猜你喜欢

转载自www.cnblogs.com/qlqwjy/p/11938755.html