介紹

特性

輕量 目前整個(gè)項(xiàng)目未打包前大概只有120行代碼(包括注釋)，5kb左右(包括圖標(biāo)) 
配置少 嘗試過無數(shù)種優(yōu)化方法，只為減少配置 
冗余少 每個(gè)頁(yè)面（page）只需要引入一次，該頁(yè)面里面如果有多個(gè)子組件，可以跟頁(yè)面共用一個(gè)，無需重復(fù)引入。 
使用簡(jiǎn)單 除了必須的在page頁(yè)面對(duì)組件import，注冊(cè)，和html引入（這些麻煩的東西由于mpvue不支持的原因，暫時(shí)無法做到優(yōu)化），其他的使用只需一行簡(jiǎn)單的代碼 this.$mptoast('提示消息‘)即可實(shí)現(xiàn)彈窗 
可定制性強(qiáng) 提供用戶重寫樣式的屬性，只需傳入一個(gè)定義好的樣式類名既可實(shí)現(xiàn)對(duì)原有樣式的覆蓋（具體請(qǐng)看參數(shù)說明） 
安裝

1.安裝vuex，如果你項(xiàng)目還沒使用的話。請(qǐng)放心，雖然mptoast依賴vuex,你不會(huì)接觸到任何有關(guān)vuex的代碼。添加vuex只為讓你寫更少的代碼。

1. npm i vuex

2.安裝mptoast

1. npm i mptoast -D

或者

1. yarn add mptoast --dev

3.在項(xiàng)目的主配置文件（一般位于src/main.js）加入以下代碼

1. import mpvueToastRegistry from 'mptoast'
2. mpvueToastRegistry(Vue)

4.在你需要彈窗的頁(yè)面，引入組件，并注冊(cè)，然后在頁(yè)面內(nèi)加入一個(gè)你注冊(cè)的組件，就可以在js里面調(diào)用this.$mptoast()了， 以下是一個(gè)簡(jiǎn)單的實(shí)例

1. <template>
2. <div>
3. <-- 省略其他代碼 -->
4. <mptoast />
5. </div>
6. </template>
7.  
8. <script>
9. import mptoast from 'mptoast'
10.  
11. export default {
12. components: {
13. mptoast
14. },
15. data () {
16. return {}
17. },
18. methods: {
19. showToast () {
20. this.$mptoast('我是提示信息')
21. },
22. }
23. }
24. </script>

至于為什么沒辦法做到像vue組件那樣，引入一次，就可以在所有頁(yè)面使用，我想我必須得解釋以下，因?yàn)閙pvue目前還不支持全局的組件，我嘗試過很多種變通辦法，都行不通，甚至為了讓大家使用的時(shí)候，少輸入幾個(gè)字，少一些冗余，我都做了很多嘗試和優(yōu)化，目前mpvue團(tuán)隊(duì)已經(jīng)在考慮新增全局組件功能，我會(huì)時(shí)刻關(guān)注，一旦支持，我這邊也立馬做支持。

參數(shù)說明

參數(shù)分2種類型，一種是多個(gè)參數(shù)，另一個(gè)種則少只接收一個(gè)對(duì)象

一， 多個(gè)參數(shù)