Vue的$emit传值

$emit，父组件传data给子组件，子组件通过$emit来触发父组件中绑定在子组件身上的事件，达到改变父组件中的data的方法。下面介绍$emit传值的几种方法：

一：$emit传递单值

子组件Test.vue：

父组件：App.vue

点击按钮效果如图：

二：$emit传递多个值

子组件Test.vue:

父组件App.vue:

点击按钮，效果如下：

$emit传递多个值时，还可以采用数组的形式：

修改子组件Test.vue:

父组件App.vue:

点击按钮，效果如下：

三：子组件通过$emit传递给父组件传递值，并且父组件有自定义参数时：

子组件Test.vue:

父组件：App.vue

点击按钮，效果图如下：