這篇文章主要介紹了如何使用vue實現(xiàn)點擊按鈕滑出面板，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

為什么要使用Vue

Vue是一款友好的、多用途且高性能的JavaScript框架，使用vue可以創(chuàng)建可維護性和可測試性更強的代碼庫，Vue允許可以將一個網(wǎng)頁分割成可復用的組件，每個組件都包含屬于自己的HTML、CSS、JavaScript，以用來渲染網(wǎng)頁中相應的地方，所以越來越多的前端開發(fā)者使用vue。

在通信的時候容易出錯，或者信息根本傳不過來。那么這里就示例一下，怎么通過組件之間的通信完成點擊事件。

index.vue文件中：

   點我

傳遞中介

引入組件，即是要彈出的組件

import addForm from './docsForm'
export default {
components: {
addForm
},
data() {
return {
show: false,
formShow: false
}
},
watch: {
 show: {
      handler: function(newVal, oldVal) {
        this.show = newVal
      },
      deep: true
    }
},
methods: {
onShow() {
      this.formShow = true
    }
}
}

該文件里面的方法就是這樣。

然后就是彈出組件docsForm.vue怎樣向上傳數(shù)據(jù)