# 介绍

$context 是自定义组件的上下文环境,它提供给自定义组件以下功能:

  • 事件订阅/发布
  • 行为守卫
  • 辅助API

# 例子

您可以在Vue上下文(组件脚本或模板)中直接使用它,如下所示:

//该自定义组件使用在详情页布局中
<!-- 在Vue模板中 -->
<template>
    <div>
        demo
    </div>
</template>

<script>
// 在export以外不可用

export default {
    // 在一个Vue组件脚本中
    ...,

    // 显示一个方法的例子,但是可以是Vue脚本的任何部分
    methods: {

        getDescribe () {
            // 打印出对象描述
            console.log(this.$context.getDescribe())
        },

        refresh() {
            //触发整体刷新
            this.$context.emitSystem('refresh', {})

            //假设某兄弟组件的api_name为comp__c,并且订阅了名为'comp__c.refresh'的事件
            this.$context.emit('comp__c.refresh', {})
        }
    }
}
</script>

# 特别注意

自定义组件会出现在不同的场景下,例如:详情页、表单、UI按钮,这些场景对应的上下文环境提供的事件、行为守卫、辅助API都存在着差异,这点需要开发者翻阅文档来查询。

lastUpdate: 5/3/2023, 11:40:26 PM