深入理解Vue组件二——父子组件间的传值

1.父组件向子组件传值

父组件中使用:conut=“1”传递给子组件,子组件中使用props接收count

深入理解Vue组件二——父子组件间的传值

父组件可以随意的向子组件传值,但子组件可以使用但不可以修改父组件传递过来的值,因为:conut=“1”中“:”表示的是单向数据流

但我们可以在子组件中重新克隆这个数据

深入理解Vue组件二——父子组件间的传值

2.子组件向父组件传值

子组件在方法中向外触发一个inc事件,并携带一个参数,父组件接收子组件的inc事件并触发一个handleIncraese方法,这个方法可以使用子组件传递的参数

深入理解Vue组件二——父子组件间的传值

深入理解Vue组件二——父子组件间的传值

深入理解Vue组件二——父子组件间的传值