如何通过Vuex实现Vue组件间的复杂长尾词通信？

本文共计1100个文字，预计阅读时间需要5分钟。

Vue组件间通信，最后留下一个彩蛋~ Vuex。

Vuex是一种组件间通信的方法，本节来聊聊Vuex（store仓库）。首先，Vuex需要安装，安装方式有很多，这里就不一一细说了。我是通过npm install vuex安装的。

Vuex的核心是store，它是一个集中式存储所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。

上回说到Vue组件间通讯，最后留了一个彩蛋~~~Vuex。Vuex是另一种组件通讯的方法，这节来说说Vuex(store仓库)。

首先Vuex需要安装，安装的方式有很多，在这里就不一一细说了。我是通过npm方式安装的：

npm install vuex --save

安装好之后需要再main.js里全局引入：

import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex)new Vue({el:'#app',store,components: { App },template: '<App/>'})

这样就完成了Vuex的安装。接下来就是Vuex的用法了：

Vuex有五个属性：State、Getter、Mutation、Action、Module。