VUE组件之间的通信

1.父组件向子组件传值

//App.vue父组件

总结:父组件通过props向下传递数据给子组件。注:组件中的数据共有三种形式:data、props、computed

2.子组件向父组件传值

  2.1 事件形式

// 子组件

// 父组件

总结:子组件通过events给父组件发送消息,实际上就是子组件把自己的数据发送到父组件

2.2  $emit/$on

通过一个空的Vue实例作为中央事件总线(事件中心),用它来触发事件和监听事件,巧妙而轻量地实现了任何组件间的通信,包括父子、兄弟、跨级。当我们的项目比较大时,可以选择更好的状态管理解决方案vuex。

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

你可能感兴趣的:(vue.js)