先搭建好开发环境，首先得装好git和npm这两个工具（如有不清楚的可以自行百度）
搭建环境如下：
- 打开git ，运行 npm install --global vue-cli 这是安装vue的命令行
- vue init webpack vue-demo 这是vue基于webpack的模板项目
- cd vue-demo 进入vue-demo文件夹
- npm install 安装package.json中依赖的node_modules
- npm run dev 运行该项目
然后进入demo，首先删除掉模板项目中src/components/Hello.vue,然后在App.vue中删除对于Hello子组件的注册和使用还有一些其他无关紧要的东西，此时App.vue为这样
一、父传子
1.创建子组件，在src/components下创建FtoS（Father to Son 喜欢就好）文件，在FtoS下创建index.vue
2.index.vue的中创建props，然后创建一个名为message的属性
第一步：父传（通过给子组件设置自定义属性来传参）
第二步：子接（通过属性 props 来接收）
效果如下：
总结：
二、子传父
1.在子组件中创建一个按钮，给按钮绑定一个点击事件
第一步：子传（在子组件调用自定义方法来传递参数）
第二步：父接（给子组件实现方法）
效果如下：
总结：
在组件传值中，无论是父传子、还是子传父，他们都有一个共同点就是有中间介质，子传父的介质是自定义事件，父传子的介质是props中的属性，抓准这两点对于父子通信就好理解了。
