父组件传给子组件
在父组件上的子组件标签内使用V-bind:传过去的名字=‘传过去的变量’,
在子组件内用props接受父组件内传过来的变量的名字使用方法
第一种接收方法
props=['传过来的名字']
第二种接收方法:是父组件没有传过来的值时子组件可以有一个默认的值
props:{
传过来的名字:{
type:定义传过来的数据的类型,可以是(number,string,Array,boolean,还可以有空和未定义一般不会传),(有个逗号)
default:['接受的数据存储的地方(没有数据传过来自动使用里面的数值)']
}
}
子组件给父组件是能通过事件传过去
在子组件的methods:{
通过一个事件传送
这个是写法this.$emit("要传送的事件名",还可以放一个数值比如下标)
}
在父组件里面接受
在父组件里面的子组件的标签上写v-on:名字=‘传过来的事件名字(要传送的事件名)’
在父组件里面的methods:{
调用 名字(){
里面要执行的代码
}
}