前端vue框架 父组件与子组件之间的相互调用

Posted 2021-01-08 mcll

子组件调用父组件东西：
　　1.在父组件与子组件契合的标签的的template模板中绑定 v-bind:自定义一个名字=“要调用的名字”
　　2.在子组件的script中props:["自定义的名字"]
　　　　　最严谨的props:{
　　　　　　自定义的名字:{
　　　　　　　　type:数据类型，
　　　　　　　　required:true
　　　　　　},
　　　　　　自定义的名字:{
　　　　　　　　type:数据类型，
　　　　　　　　required:true
　　　　　　}
　　　　}
　　3.同时把上面调用的原来的名字改成现在的

 

 

子组件传值给父组件：
　　1.在子组件的script中的methods下定义一个方法
　　　　方法名：function(){
　　　　　　this.$emit(‘自定义一个名字‘,‘传值的内容‘);
　　　　}
　　2.在父组件的template的一个标签下输入 v-on:自定义的名字=“再自定义一个名字($event)”
　　3.在父组件的script中的methods下定义一个方法
　　　　第二次自定义的名字(参数){
　　　　　　this.参数=最开始传值的名字;
　　　　}