vue2.0组件之间的通信

VUE 父子组件的传值部分

一.父组件向子组件传值

1.创建子组件，在src/components/文件夹下新建一个Child.vue

2.Child.vue的中创建props，然后创建一个名为message的属性

3.在App.vue中注册Child组件，并在template中加入child标签，标签中添加message属性并赋值.

二.子组件向父组件传值

1.在子组件中创建一个按钮，给按钮绑定一个点击事件

2.在响应该点击事件的函数中使用$emit来触发一个自定义事件，并传递一个参数

sendMessageToParent: function () {

         this.$emit(‘ListenTochild’,‘this is a message from child’)

}

3.在父组件中的子标签中监听该自定义事件并添加一个响应该事件的处理方法

 

4.保存修改的文件，在浏览器中点击按钮