Vue-自定义事件之—— 子组件修改父组件的值

如何利用自定义的事件，在子组件中修改父组件里边的值？

关键点记住：三个事件名字

步骤如下：

这里，相对本案例，父组件定义为Second-module，对应的子组件是Three-module

第一步：你要想改动父组件的值，你父组件得先有值让你改吧！所以，

　　在父组件定义值：

第二步：同样的，二者之间咋就成了父子关系了呢？你得让一个组件里边装另一个组件吧，所以

　　在父组件Second-module中调用、注册、引用进来子组件Three-module：

　　调用：

　　

　　注册：

　　

　　引用：

　　

第三步：父组件定义公用值，就是为了让子组件用的，你得把值给了子组件吧！不要小气：

找到二者的契合点（组件引用处），用bind 把值绑给他。

第四步：父组件扔过来了，子组件要接住啊，接不住掉地上摔烂了你还杂用！

第五步：子组件你把值拿过来了，就要使用父组件的值吧，不用就放烂了。不用你接他干哈！

好了，转折点到了，接下就是主题了：改动值。

第六步：子组件你拿到值用着不爽，首先要设置一个开关（click事件）启动“申请改动父组件值”的程序吧

第七步：在这个程序中，$emit 启动计划：你要自己找一个壮士（自定义事件名，可以想象成荆轲），好交代让它出征去改动父组件的值，并让他带上一个参数（就是要把父组件的值改成啥，荆轲手里拿的那个包着小匕首的地图