用vue实现点击按钮，滑出面板（二）完结版

在通信的时候容易出错，或者信息根本传不过来。那么这里就示例一下，怎么通过组件之间的通信完成点击事件。

index.vue文件中：

<div>
      <el-button type="primary" @click="onShow">点我</el-button>

</div>

传递中介

<addForm :show="formShow" @onHide="formShow = false"></addForm>

引入组件，即是要弹出的组件

import addForm from './docsForm'

export default {

components: {

addForm

},

data() {

return {

show: false,

formShow: false

}