区别在代码中已标出
1.props方式
父组件内容
{
{msg}}
// 引入子组件
import CustomSchool from '@/components/3Custom/CustomSchool.vue'
export default {
components: { CustomSchool},
data() {
return {
msg: '你好啊!'
}
},
methods:{
getSchoolName(data){
this.msg = data
}
}
}
子组件内容
学校名称：{
{name}}
学校地址：{
{address}}
把学校名发送给父组件
export default {
props:【'childEvent'】,
data() {
return {
name: 'rxy',
address: '北京'
}
},
methods:{
sendSchoolName(){
this.childEvent(this.name)
}
}
}
2.this.$emit方式(绑定自定义事件)
父组件内容
{
{msg}}
import CustomSchool from '@/components/3Custom/CustomSchool.vue'
export default {
components: { CustomSchool},
data() {
return {
msg: '你好啊'
}
},
methods:{
getSchoolName(data){
this.msg = data
}
}
}
子组件内容
学校名称：{
{name}}
学校地址：{
{address}}
把学校名发送给App
