Vue作為最近最炙手可熱的前端框架，其簡單的入門方式和功能強大的API是其優點。而同時因為其API的多樣性和豐富性，所以他的很多開發方式就和一切基于組件的React不同，如果沒有對Vue的API（有一些甚至文檔都沒提到）有一個全面的了解，那么在開發和設計一個組件的時候有可能就會繞一個大圈子，所以我非常推薦各位在學習Vue的時候先要對Vue核心的所有API都有一個了解。這篇文章我會從實踐出發，遇到一些知識點會順帶總結一下。文章很長，一次看不完可以先收藏，如果你剛入門vue，那么相信這篇文章對你以后的提升絕對有幫助

進入正題,我相信不論什么項目幾乎都會有一個必不可少的功能，就是用戶操作反饋、或者提醒.像這樣(簡單的一個demo)

其實在vue的中大型項目中,這些類似的小功能會更加豐富以及嚴謹，而在以Vue作為核心框架的前端項目中，因為Vue本身是一個組件化和虛擬Dom的框架，要實現一個通知組件的展示當然是非常簡單的。但因為通知組件的使用特性，直接在模板當中書寫組件并通過v-show或者props控制通知組件的顯示顯然是非常不方便的并且這樣意味著你的代碼結構要變，當各種各樣的彈層變多的時候，我們都將其掛載到APP或者一個組件下顯然不太合理，而且如果要在action或者其他非組件場景中要用到通知，那么純組件模式的用法也無法實現。那么有沒有辦法即用到Vue組件化特性方便得實現一個通知組件的展現，那么我們可否用一個方法來控制彈層組件的顯示和隱藏呢？

目標一

實現一個簡單的反饋通知，可以通過方法在組件內直接調用。比如Vue.$confirm({...obj})

首先，我們來實現通知組件，相信這個大部分人都能寫出來一個像模像樣的組件，不