一. 父传子
父组件:
<Child :msg-data='msg' :str='str'></Child> //自定义属性名不能有大写
子组件:
props:['numDate','str']
传递的引用数据类型,子组件可以改变父组件数据
传递是基本数据类型,子改,父不改
最好还是不要直接改传递的数据
如果子想改父,那就在子组件上把值赋给另一个子组件的值
用深拷贝,避免引用数据类型共用一个地址
二. 子传父
子组件先触发事件处理程序
在事件处理程序中通过自定义事件发送
通过父组件监听该事件,并触发对应的事件处理程序
在事件处理程序中获得改数据
子组件:
this.$emit('send-data',this.msg) //不能有大写'sendData'
this.$emit('send',this.num)
父组件:
<button-counter @send-data="getData"></button-counter>
methods: {
getData(data