vue组件通信-父传子
父传子:说人话就是把父组件的数据传给子组件,首先在父组件中import导入子组件,然后注册components:{},最后使用
示例:
步骤一:在父组件中导入子组件
步骤二:注册
步骤三:使用并自定义属性
步骤四:props接收值
vue单向数据流-不要修改props
在vue中需要遵循单向数据流原则
- 在父传子的前提下，父组件的数据发生会通知子组件自动更新
- 子组件内部，不能直接修改父组件传递过来的props => props是只读的
vue组件通信-子传父
子传父:说人话就是从子组件内部把数据传给父组件使用或者修改父组件数据。
示例:
步骤一:在父组件中添加自定义事件
步骤二:在子组件中触发事件 $emit('自定义事件','值')
步骤三:在父组件中接收
loading......
