1: props
适用于父子组件通信,
如果 父组件 给 子组件传递数据(函数):本质是 子组件 给 父组件 传递数据
如果 父组件 给 子组件传递数据(非函数):本质是 父组件 给 子组件 传递数据
props接受数据的三种方式:
① ['data'] ②:{type: Array} ③:{type: Object; default: []}
tips: 路由也有props: 书写形式为:布尔值;对象;函数
子组件:
【HTML】
<div>
{{ date }}
<button @click="change">按钮</button>
</div>
【js】
props:['date', 'fun'],
methods: {
change(){
this.fun()
}
}
父组件:
【HTML】
<div>
<Event1 :date="msg" :fun="handler"/> // date是数据=10, fun 是一个弹窗函数
</div>
【js】
data(){
return {
msg: 10
}
},
components: {
Event1,
},
methods: {
handler(){
alert('1')
}
}