下面小编就为大家带来一篇Vue2.0基于vue-cli+webpack父子组件通信(实例讲解)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

在这之前，我已经分享过组件与组件的通信机制以及父子组件之间的通信机制，而我们的vuex就是为了解决组件通信问题的 vuex是什么东东呢？ 组件通信的本质其实就是在组件之间传递数据或组件的状态（这里将数据和状态统称为状态），但可以看到如果我们通过最基本的方式来进行通信，一旦需要管理的状态多了，代码就会变得十分臃肿和庞大。对所有状态的管理便会显得力不从心，因此，vuex出现了，他就是帮助我们把公用的状态全抽出来放在vuex的容器中，然后根据一定的规则来进行管理，我们赶紧来用一下吧，想要掌握vuex的

在git命令行下，执行以下命令完成环境的搭建： 1，npm install –global vue-cli 安装vue命令行工具 2，vue init webpack vue-demo 使用vue命令生成一个webpack项目，项目名称为vue-demo 3，cd vue-demo 切入项目 4，npm install安装package.json中的所有依赖包 5，npm run dev运行项目 一、父组件向子组件传递数据 然后删除默认的Hello.vue组件，把App.vue整理成以下样子：