消息的訂閱與發布機制

• 功能：可完成任意組件之間數據的傳遞（同全局事件總線功能一樣）
• 區別：與全局事件總線相比，消息的訂閱和發布機制需要使用第三方庫。我用的是pubsub-js庫，其他的第三方庫也可以使用，沒有具體的限制。
• pubsub-js可以在任何前端框架上使用
• 在這個庫中，有兩個屬性可以幫助完成消息的訂閱和發布機制，分別是：subscribe（訂閱）和publish（發布）

pubsub-js第三方庫的安裝與使用

• 安裝方法
  • 第一步：打開CMD窗口，將現在的文件路徑轉成Vue框架安裝的文件路徑
  • 第二步：在窗口中輸入：npm i pubsub-js，回車即可開始安裝，出現added 1 package in 2m代表安裝完成
• 在程序中引入pubsub-js：就跟引入組件一樣，在<script></script>中添加import pubsub from 'pubsub-js'

如何使用？

<template>
    <div></div>
</template>

<script>
    import pubsub from 'pubsub-js'
    export default {
        name : 'App',
        mounted(){
            this.pid = pubsub.subscribe('zhangsan', function(name, sex){
                console.log(name);
                console.log(sex);
            })
        },
        // 銷毀前將訂閱解除
        beforeDestroy(){
            pubsub.unsubscribe(this.pid)
        }
    }
</script>

<template>
    <div>
        <button @click="person">張三</button>
    </div>
</template>

<script>
    import pubsub from 'pubsub-js'
    export default {
        name : 'User',
        methods : {
            person(){
                pubsub.publish('zhangsan', '男')
            }
        }
    }
</script>