如何利用自定义的事件,在子组件中修改父组件里边的值?
关键点记住:三个事件名字
步骤如下:
这里,相对本案例,父组件定义为Second-module,对应的子组件是Three-module
第一步:你要想改动父组件的值,你父组件得先有值让你改吧!所以,
在父组件定义值:
第二步:同样的,二者之间咋就成了父子关系了呢?你得让一个组件里边装另一个组件吧,所以
在父组件Second-module中调用、注册、引用进来子组件Three-module:
调用:
注册:
引用:
第三步:父组件定义公用值,就是为了让子组件用的,你得把值给了子组件吧!不要小气:
找到二者的契合点(组件引用处),用bind 把值绑给他。
第四步:父组件扔过来了,子组件要接住啊,接不住掉地上摔烂了你还杂用!
第五步:子组件你把值拿过来了,就要使用父组件的值吧,不用就放烂了。不用你接他干哈!
好了,转折点到了,接下就是主题了:改动值。
第六步:子组件你拿到值用着不爽,首先要设置一个开关(click事件)启动“申请改动父组件值”的程序吧
第七步:在这个程序中,$emit 启动计划:你要自己找一个壮士(自定义事件名,可以想象成荆轲),好交代让它出征去改动父组件的值,并让他带上一个参数(就是要把父组件的值改成啥,荆轲手里拿的那个包着小匕首的地图