av激情亚洲男人的天堂国语,日韩欧美精品一中文字幕,无码av一区二区三区无码,国产又色又爽又刺激的a片,国产又色又爽又刺激的a片

創(chuàng)新互聯(lián)VUE3教程:Vue3.0事件API

#概覽

$on,$off$once 實例方法已被移除,應(yīng)用實例不再實現(xiàn)事件觸發(fā)接口。

創(chuàng)新新互聯(lián),憑借十載的做網(wǎng)站、成都網(wǎng)站設(shè)計經(jīng)驗,本著真心·誠心服務(wù)的企業(yè)理念服務(wù)于成都中小企業(yè)設(shè)計網(wǎng)站有上千余家案例。做網(wǎng)站建設(shè),選創(chuàng)新互聯(lián)。

#2.x 語法

在 2.x 中,Vue 實例可用于觸發(fā)通過事件觸發(fā) API 強(qiáng)制附加的處理程序 ($on,$off$once),這用于創(chuàng)建 event hub,以創(chuàng)建在整個應(yīng)用程序中使用的全局事件偵聽器:

// eventHub.js


const eventHub = new Vue()


export default eventHub

// ChildComponent.vue
import eventHub from './eventHub'


export default {
  mounted() {
    // 添加 eventHub listener
    eventHub.$on('custom-event', () => {
      console.log('Custom event triggered!')
    })
  },
  beforeDestroy() {
    // 移除 eventHub listener
    eventHub.$off('custom-event')
  }
}

// ParentComponent.vue
import eventHub from './eventHub'


export default {
  methods: {
    callGlobalCustomEvent() {
      eventHub.$emit('custom-event') // 如果ChildComponent mounted,控制臺中將顯示一條消息
    }
  }
}

#3.x 更新

我們整個從實例中移除了 $on,$off$once 方法,$emit 仍然是現(xiàn)有 API 的一部分,因為它用于觸發(fā)由父組件以聲明方式附加的事件處理程序

#遷移策略

例如,可以通過使用實現(xiàn)事件發(fā)射器接口的外部庫來替換現(xiàn)有的 event hub mitt。

在兼容性構(gòu)建中也可以支持這些方法。


新聞標(biāo)題:創(chuàng)新互聯(lián)VUE3教程:Vue3.0事件API
文章源于:http://uogjgqi.cn/article/dhsdhod.html
掃二維碼與項目經(jīng)理溝通

我們在微信上24小時期待你的聲音

解答本文疑問/技術(shù)咨詢/運營咨詢/技術(shù)建議/互聯(lián)網(wǎng)交流